随便写着玩的,随便记录一下,可能会有错误的地方,别学我
有时候可能没有网,有空的时候会写一点,也有可能,写着写着不写了,毕竟我是个随性的人,哼!
先上一个简单的表单
图片:
. 使用Validate
<script>
$(function () {
$("#registerForm").validate({
//校验规则
rules: {
username: {
required: true
},
password: {
required: true,
rangelength: [6, 12]
},
email: {
required: true,
email: true,
remote: "/checkEmailServlet"
},
telephone: {
required: true,
phoneFmt: true
},
check: {
required: true,
remote: "/userServlet?methodName=check"
}
},
//提示信息
messages: {
username: {
required: "用户名不能为空!"
},
password: {
required: "密码不能为空!",
rangelength: "密码长度必须在{0}到{1}之间!"
},
email: {
required: "email不能为空!",
email: "email格式不正确!",
//remote只能接收true或false
remote: "email已存在!"
},
telephone: {
required: "电话号码不为空!",
phoneFmt: "电话格式不正确!"
},
check: {
required: "验证码不为空!",
remote: "验证码输入错误!"
}
},
//控制表单提交
submitHandler: function (form) {
//表单数据序列化
var formData = $(form).serialize();
//post请求 (result)返回注册结果
$.post("/userServlet?methodName=register", formData, function (result) {
var flag = result.addFlag;
if (flag) {
location.href = "/register_ok.html";
} else {
$("#msg").html(result.errorMsg)
}
}, "JSON")
}
});
})
//添加手机号码校验【自定义方法】
$.validator.addMethod("phoneFmt", function (value, element, param) {
//控制台测试代码 console.log(value + " " + element + " " + param);
if (param) {
//正则表达式
return new RegExp("^1[3456789]\\d{9}$").test(value);
}
}, "手机号不合法!");
</script>
$("#registerForm").validate( {内容 } )