客户端的验证插件validator
2024-10-09 09:37:19
简单，智能，令人愉悦的表单验证~~~
官方文档：http://www.niceue.com/validator/
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="js/validator/jquery.validator.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/validator/jquery.validator.min.js"></script>
<script src="js/validator/local/zh-CN.js"></script>
<script>
$(function(){
$('#userform').validator({
rules: {
telnumber: [/^\d{11}$/],
adminame:function(){
return $("#username").val()=="admin"||"请输入正确的用户名"
}
},
fields: {
username:{
rule:"required;adminame",
msg: {
required: "请填写用户名！"
}
},
usertel:{
rule:"required;telnumber",
msg: {
required: "请填写手机号码！",
telnumber:"请输入11位数字的手机号码"
},
tip:"密码由6-20位数字、字母或下划线组成！",
ok: "输入正确"
}
},
valid: function(form){
//表单验证通过，提交表单到服务器
alert("验证通过");
$.ajax({
url: "result.php",
data: $(form).serialize(),
success: function(d){
//do something
}
});
}
})
})
</script>
</head>
<body>
<form name="userform" id="userform">
用户名：<input type="text" name="username" id="username" placeholder="请输入用户名"/> <span class="msg-box" for="loginName"></span><br><br>
手机号：<input type="tel" name="usertel" placeholder="请输入手机号"/><br><br>
<button type="submit">提交</button>
</form>
</body>
</html>
最新文章
- JS组件系列——Bootstrap Table 表格行拖拽（二：多行拖拽）
- PHPWord
- iOS Keychain钥匙串，应用间数据共享打造iOS上的全家桶
- linux下报错处理经验
- cdoj 851 方老师与素数 bfs
- mysql 存储过程事务支持回滚
- WebApi学习总结系列第三篇（Http）此篇持续更新...
- Node Node
- [Q]AdobePDF打印机“仅依靠系统字体”问题
- jvm 加载class文件过程
- 简单探讨 javascript 闭包
- telnet客户端操作memcached增删改查
- java的多态性
- shell脚本启动语法错误syntax error near unexpected token '{
- Collision (hdu-5114
- 每天学习SQL
- VUE2.0 饿了吗视频学习笔记（六）：定位问题、文字显示、模糊背景图片、点击事件
- UML 类图 说明
- GC 垃圾收集
- ALTER语句重命名，重新定义和重新排序列