js验证表单 验证不了

 我来答
1049512488
2014-03-18 · TA获得超过329个赞
知道小有建树答主
回答量:637
采纳率:33%
帮助的人:161万
展开全部
用juqery的插件吧,方便很多,插件名字:jquery.validate

这里再引入jquery.js文件,不知道怎么回事,写出来要被隐藏
<script src="public/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { form.submit(); }
});
$(document).ready(function() {
$("#MyForm").validate({
rules: {
name:{
 required: true,
      minlength: 5,
},
email:{
required: true,
email: true,
},
password:{
required: true,
minlength: 6,
maxlength:12,
},
password_pass:{
required: true,
minlength: 6,
equalTo:"#password",
},
url:{
required: true,
url: true,
},
},
messages:{
name:{
required:"请输入信息",
minlength:"用户名不能小于5个字符",
remote:"已存在",

},
password:{
required:"请输入密码",
minlength:"密码不能小于6个符",
maxlength:"密码不能大于12个符"
},
password_pass:{
required:"请输入密码",
minlength:"密码不能小于6个字符",
equalTo:"两次输入密码不一致",
},
},
});
});
</script>

<style type="text/css">
/***错误提示样式***/ 
form.cmxform label.error, label.error { 
color: red; 
font-style: italic; 

</style>


</head>
<body>


<form id="MyForm" method="get" action="" >
名字 (必填,至少8个字符)<input name="name" id="txtUserName"/><br/>
密码 (必填)<input type="password"  name="password" id="password"/><br/>
        确认密码(必填)<input type="password" name="password_pass" id="password_pass"><br/>
        邮箱(必填)<input type="text" name="email"><br/>
<input class="submit" type="submit" value="Submit"/>
</form>


</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yugi111
2014-03-09 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
哎呀,写的这么复杂,一个函数搞定了,。。。
追问
什么函数啊,可是这样写感觉也没错啊
追答
2个密码的方法可以共用,然后表单的onsubmit, submit按钮的onclick,return boolean值,变量名过长,小方法还抽取,过于啰嗦,反而看不懂
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式