html表单js判断 我想给表单加一些js的判断。姓名和地址判断为不能为空,手机为11位数字,身份证是18位数字

下面是我的表单代码:
<form id="form2" name="form2" method="post" target="_self" action="index.html">
<div id="form2_tit">所报院校:北京师范大学</div>
<div class="bm_form">
<span>姓名:</spam>
<input id="form2_name" type="text" name="form2_name" value="" class="form_21"/>
<p id="name_ts">* </p>
</div>
<div class="bm_form">
<span>手机号:</span>
<input id="form2_tel" type="text" name="form2_tel" value="" class="form_21"/>
<p id="tel_ts">* </p>
</div>
<div class="bm_form">
<span>身份证号:</span>
<input id="form2_id" type="text" name="form2_id" value="" class="form_22"/>
<p id="id_ts">* </p>
</div>
<div class="bm_form">
<span>邮寄地址:</span>
<input id="form2_dz" type="text" name="form2_dz" value="" class="form_22"/>
<p id="dz_ts">* </p>
</div>
<div class="bm_form_p red">请确保您所填写信息的准确性,以免延误您的报考。信息核对准确后点击:确认报名</div>
<div class="bm_form_sub"><input class="form2_sub1" type="submit" value=""/><input class="form2_sub2" type="submit" value=""/></div>
</form>

下面是效果样式图:

哪位代码大神给写一下js代码,具体要求上面已给出!

<script type="text/javascript">
function checkform(){
var form2_name = $("#form2_name").val();
var form2_dz = $("#form2_dz").val();
var form2_tel = $("#form2_tel").val();
var form2_id = $("#form2_id").val();
var pattern=/^\d{11}$/;
var pattern2=/^\d{18}$/;
if(form2_name==""){
alert("姓名不能为空!!!");
return;
}else if(!pattern.test(form2_tel)){
alert("电话格式不对!!!");
return;
}else if(!pattern2.test(form2_id)){
alert("身份证格式不对!!!");
return;
}else if(form2_dz==""){
alert("地址不能为空!!!");
return;
}
}
</script>
试试看吧,jquery有一个表单验证插件,formValidator,你可以用用,很方便的追问

试了,控制不了,不过我已经写出判断手机号不等于11位就不能提交的js控制了,正在考虑手机格式的问题,比如开头数字必须是1等等。
依然感谢你!

温馨提示:内容为网友见解,仅供参考
无其他回答

html标签用js判断输入是否为空问题
if(document.getElementsById("uploadfileId").value==""){ getElementsById拼错了,是getElementById 不是复数,没有s,你再试试

js如何控制html文本框,为空不能提交表单
可以通过js获取表单input 的值,给值做判断,是否为空,html中form表单的制onsubmit属性。html中插入<form>如下:<form action="" method="post" name="form" onsubmit="return check()">js代码判断如下::function check(){var name = document.getElementById("name");if(name == ""){ ...

html利用JS对表单输入是否为空的判断
if(str==null||str=="") blank=ture;这句话,不觉得有问题吗?

js判断文本框是否为空,为空则弹出提示
js部分:function checkIP(){ var text=document.getElementById("url");if(text.value==""){ alert("不能为空哦!");} } 错误原因:没有正确定位到input元素。<input type="text" id="url" name="ip" size="15" maxlength="50" value="" \/> id值为"url",name值为"ip"。var tex...

html标签用js判断输入是否为空
首先先修改下面这个:<html:form name ="frm "action="\/fileuploadAction" enctype="multipart\/form-data" method="post"> 然后将按钮替换成下面这个 <input type="button" value="上传" onclick="uploadValidate()"\/> js修改如下:function uploadValidate(){ if(document.getElementsById("...

怎么利用js判断用户名和密码是否为空,如不空则跳到指定网页.下面是其 ...
你之前的 form 没有 action,需要有一个网址去 post,根据你的文件名修改 login.php 如果用户名和密码不为空,你不应该让网页跳转,而是直接提交表单。你可以把现在这个页面命名为 login.php,然后提交给自己,在 PHP 中进行页面跳转 if(empty($user) || empty($pass)) { echo "<script>alert...

js判断输入是否为数字
结论:JavaScript中,通过isNan函数可以轻松判断用户输入是否为数字。以下是一个实例,展示了如何在HTML表单中实现这个功能:在这个例子中,当用户在输入框中输入内容并点击"检测"按钮,ischeckNum函数会被调用。如果输入的内容可以通过isNan函数验证为数字,函数会返回true并显示相应的提示;如果不是数字,它...

帮我用JS控制表单内容不能为空
只要加一个required即可,例如 <input class="input" placeholder="请输入手机号码" name="phone" size="20" type="text" required \/>

表单中 js控制用户和密码为空不能跳转的 怎么写
当执行跳转前判断表单中用户名和密码是否为空,如果为空则不执行跳转的动作否则执行跳转。以下实现一个简单的例子。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>redirect test<\/title><\/head><body><form> 用户名:<input type="text" name="username"\/> ...

html 表单 多按钮选择 判断提交
JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET"下边是用JS构造的获取get模式提交值的一个函数.function Request(strName){ var strHref = window.document.location.href;var intPos = strHref.indexOf("?");var strRight = strHref....

相似回答