jQuery的validate.js表单验证插件如何使用(code)

web前端|js教程

jQuery,validate.js,表单验证

web前端-js教程

本篇文章给大家带来的内容是介绍jQuery的validate.js表单验证插件如何使用（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

飞机票网站源码,ubuntu虚拟内存,matlab能爬虫吗,php putget,静态页面seolzw

效果：

zblog 源码,Vscode ios真机,ubuntu平板没人,tomcat能正常启动,爬虫展览新闻,php 打开word文档,惠州抖音seo搜索排名,dede网站域名前显示的logo,帝国会员空间模板lzw

网上书店商城 源码,ubuntu下ssh服务,tomcat访问一段时间,python 网页爬虫例子,php切换背景颜色是什么意思,南昌国内seolzw

代码：

body { background-color: #000; }form { width: 361px; margin: 80px auto; padding: 50px; border: 2px solid #666; box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); background-color: #999; border-radius: 10px; box-sizing: border-box; }form>p { margin-bottom: 20px; color: #fff; }form>p>label { display: inline-block; width: 80px; text-align: center; }label.error { display: block; width: 100%; color: rgb(189, 42, 42); font-size: 12px; text-align: right; margin-top: 5px; }input { width: 170px; height: 20px; outline: none; background-color: #ddd; border: 1px solid #ddd; border-radius: 4px; }.submit { width: 170px; margin: 30px auto 0; }.submit input { background-color: #0099aa; color: #fff; border: 0; padding: 5px; height: 30px; }

姓名：

邮箱：

密码：

确认密码：

$(function() { $("#signupForm").validate({ rules: {name: "required",email: { required: true, email: true},password: { required: true, minlength: 5},confirm_password: { required: true, minlength: 5, equalTo: "#password"} }, messages: {name: "请输入姓名",email: { required: "请输入Email地址", email: "请输入正确的Email地址"},password: { required: "请输入密码", minlength: "密码不能小于5个字符"},confirm_password: { required: "请输入确认密码", minlength: "确认密码不能小于5个字符", equalTo: "两次输入的密码不一致"} } }); })