validate jquery怎么判断一个表单是不是通过验证
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了validate jquery怎么判断一个表单是不是通过验证相关的知识,希望对你有一定的参考价值。
validate jquery判断一个表单是否通过验证的方法是看页面是否发生跳转。如果通过验证那么跳转页面,否则停留在原页面进行提示错误。
<html>
<head>
<title></title>
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="../Scripts/jquery.metadata.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function ()
//validate自定义验证
jQuery.validator.addMethod("isZipCode", function (value, element)
var tel = /^[0-9]6$/;
return this.optional(element) || (tel.test(value));
, "请正确填写您的邮政编码");
$("#signupForm").validate(
rules:
firstname: "required",
ybno:
isZipCode: true
,
email:
required: true, //表示不得为空
email: true //自带邮箱验证
,
password:
required: true,
minlength: 5 //自带判断字符最小长度
,
confirm_password:
required: true,
minlength: 5,
equalTo: "#password"
//自带判断当前文本框值与指定ID为password的文本框的值是否相同
,
messages:
firstname: "请输入姓名",
email:
required: "请输入Email地址",
email: "请输入正确的email地址"
,
password:
required: "请输入密码",
minlength: jQuery.format("密码不能小于0个字符")
,
confirm_password:
required: "请输入确认密码",
minlength: "确认密码不能小于5个字符",
equalTo: "两次输入密码不一致不一致"
);
);
</script>
//错误提示信息的样式
<style type="text/css">
label.errorcolor: Red;padding-left: 20px; border:1px solid #006655; margin-left:10px;
padding-left:0px; font-size:12px;
input.errorborder: solid 1px red;
</style>
</head>
<body>
<form id="signupForm" method="get" action="">
<p>
<label for="firstname">Firstname</label>
<input id="firstname" name="firstname" />
</p>
<p>
<label for="ybno">邮编</label>
<input id="ybno" name="ybno" />
</p>
<p>
<label for="email">E-Mail</label>
<input id="email" name="email" />
</p>
<p>
<label for="password">Password</label>
<input id="password" name="password" type="password" />
</p>
<p>
<label for="confirm_password">确认密码</label>
<input id="confirm_password" name="confirm_password" type="password" />
</p>
<p> 参考技术A 如果你引用的是jquery.validate.插件的话,那么提交按钮提交前就会自动判断。如果你不想单独验证不提交的话,则需要如下
$(function ()
$("#Register").validate(
debug: true,//只验证不提交表单
submitHandler: function (form)
Register();//单独处理验证通过后,单独的脚本事件,可以由用ajax异步提交
//建议采用这种方式,体验效果好。
);
);本回答被提问者和网友采纳
jquery 验证数值大小
有TextBox tbA、tbB两个
在都有值的情况下用jQuery.validate()验证
tbA数值小于tbB数值
都是数值,比大小
用jQuery.validate.js 怎么比大小呢
jQuery.validator.addMethod("TextBox1", function(value, element)
var tel > /tbB/;
return tel.test(value) || this.optional(element);
, "请输入比tbB大的数值");
其他的方法可能就不知道了!其实我感觉jQuery.validate最大的用处还是在进行注册的时候验证!
(上面的只是自己对validate方面进行的理解,可能有些不对的地方。有的话指出来我们大家一起讨论下吧!)
PS:jquery.validationEngine.js比validate强大一点 它有个TIP功能。配置上看下吧! 参考技术A 简单实现代码如下:
$("#rewardForm").validate(
rules:
"reward":
required: true,
digits:true,
balance:true,
checkBalance:true
, messages:
"reward":
digits:" * 请填写正确的转账金额(应为数字)",
required:" * 请输入转账金额 "
);
jQuery.validator.addMethod("balance", function(value,element)
var sumreward=$("#sumreward").val();
return this.optional(element) || value<= sumreward;
, $.validator.format(" * 余额不足 "));
jQuery.validator.addMethod("checkBalance", function(value,element)
var balance=0;
return this.optional(element) || value>balance;
, $.validator.format(" * 转账金额必须大于0 ")); 参考技术B 个人感觉jquery.validate里面并没有进行这方面的设置,倒是有2个变量进行数值比较不过一个是equalTO(等值比较)一个是range(数值范围比较)。如果非要进行比较的话可以在它的扩展方法(additional-methods)里面写一个新方法大体上可能的写法是
jQuery.validator.addMethod("TextBox1", function(value, element)
var tel > /tbB/;
return tel.test(value) || this.optional(element);
, "请输入比tbB大的数值");
其他的方法可能就不知道了!其实我感觉jQuery.validate最大的用处还是在进行注册的时候验证!
(上面的只是自己对validate方面进行的理解,可能有些不对的地方。有的话指出来我们大家一起讨论下吧!)
PS:jquery.validationEngine.js比validate强大一点 它有个TIP功能。配置上看下吧!
以上是关于validate jquery怎么判断一个表单是不是通过验证的主要内容,如果未能解决你的问题,请参考以下文章
[知了堂学习笔记]_Jquery_Validate 表单校验的使用