<script type="text/javascript">
jQuery(document).ready(function($){
$.validator.setDefaults({
submitHandler: function(form){
var title = document.getElementsByName('title'); //获取需要验证的值 主题
var address = document.getElementsByName('address'); //家庭或单位地址
$(form).ajaxSubmit();// jquery会阻止表单的提交,需要添加一个ajax提交
}
});
$("#myform").validate({ //这里的双引号内写html页面form表单的name 先小括号再大括号相当于是重写这个函数
event:"blur",
errorElement:"ev",
errorPlacement: function(error, element) { //配置错误信息输出
error.appendTo( element.parent("td")); //选择table的一个td后面输出(由于我自己的是选择td)
},
success: function(label) {
label.text("").addClass("success"); //返回值
},
rules:{
"title" :{
required:true, //需要填写
rangelength:[10,15] //长度在10到15之间
},
"address":{
required:true
}
},
messages:{
"title":{
required:"请填写标题!",//rules对应的message
rangelength:"长度不合适!"
},
"address":{
required:"请填写地址!"
}
}
});
});
</script>
以上是主要的代码了,需要使用jquery的话,需要加载相应的jquery.js,否则是报错的。
(ps:html里面的id 和name属性一定要写对)