如下所示: 第一步填写基本信息,第二步填写教育信息要求我们每一步操作都要进行验证,这样我们可以用以下方式进行验证: 代码如下: ValidateStep function InitValidationGroup() { $('.validationGroup .next').click(function (evt) { if (IsValidated($(this).closest(".validationGroup"))) { $(".step1").hide(); $(".step2").show(); } else { evt.preventDefault(); } }); $('.step1 :text').keydown(function (evt)...
我们先来使用firebug查看在前面的示例中JS产生的html错误提示:从图中我们发现错误信息是被放在了一个label标签中,且有一个类样式error,只要为signupform下面的label标签中的error定css样式,应该就可以修改显示结果了,添加的css代码如下: 代码如下: * { font-size: 14px; } #signupForm label.error { color:Red; font-size:13px; margin-left:5px; padding-left:16px; background:url("error.png") left no-repeat; } 运行时...
分别是: 1、基本使用方法,通过样式设置验证规则 代码如下: $(function() { $("#signupForm").validate(); }); //验证所选择的表单 Email 年龄 当表单提交时,如果没有填写email或者是错误的email将发生错误,如下所示: 文本框后面的默认提示可以修改jquery.validate.min.js,将英文查找并替换成中文,样式可以通过css的类样式改变如.required,.email等, 当然这里的class可以一项或多项中间用空格分隔,语法格式与c...
最终显示在页面上的错误分为两种:第一种是默认错误信息,该信息已经被定义在插件中了,可以手动修改。 第二种是通过参数指定的错误信息,如果没有指定则会使用默认的错误信息。将上个示例的js修改如下: 代码如下: $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 required: true, //必填,这里可以是一个...
示例如下: 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法,参数(被验证元素的值,被验证元素,参数) var exp = new RegExp(params); //实例化正则对象,参数为传入的正则表达式 return exp.test(value); //测试是否匹配 }, "格式错误"); //addMethod第3个参数:默认错误信息 $(function() { $("#signupForm").validate( { ...
代码如下: 代码如下: $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 required: true, //必填,这里可以是一个匿名方法 equalTo: "#txtPassword1", //必须与密码1相等 rangelength: [5, 10] //长度5-10之间 }, txtEmail: "email" //电子邮箱必须合法 } }); }); 远行结果: 注意:在ASP.NET中使用这种...
效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法, //验证方法参数(被验证元素的值,被验证元素,参数) var exp = new RegExp(params); //实例化正则对象...
最近项目中做了一个jquery.validate气泡提示。 好像最新版的jquery.validate中,有这个功能,但在我这里不怎么好用。 就自己加了一个。 找了一些插件qtip2的样式不错,但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他,用他的jquery就可以显示。用我的就不行坑爹。放弃。 poshytip-1.1这个,样式还不错! positionX,positionY是提示显示的位置。 代码如下: $(document)...
1.用其他方式替代默认的SUBMIT 代码如下:$().ready(function() { $("#signupForm").validate({ submitHandler:function(form){ alert("submitted"); form.submit(); } });});使用ajax方式 代码如下: $(".selector").validate({ submitHandler: function(form) { $(form).ajaxSubmit(); } }) 可以设置validate的默认值,写法如下: 代码如下:$.validato...
Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,功能也足够一般的需要了。rules也足够简单,很容易上手,举个简单的例子,用validation来验证注册表单。 首先确定验证的目标是: 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok,目标很明确了。正片开始 代码如下: $(function(){ $( "#regForm" ).validate({ rules: { // 注...
jQuery.Validate验证库1、下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载 默认校验规则 代码如下:(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true ...
1、如果设置了errorContainer、errorLabelContainer、wrapper,则errorPlacement不起作用 代码如下:... $(document).ready(function(){ $("#myform").validate({ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper: "li", debug:true,...errorContainer: 可以配置多个容器,这里的messageBox2元素没有被包装处理,只是错误发生的时候显示和隐藏此元素 ...
一、利用jquery.form插件提交表单方法使用jquery.validate插件 现象:当提交表单时,即使前台未验证通过,也照常提交表单。 解决办法: 代码如下:$(#myForm).submit(function(){ if (!$(this).valid()) return false;//加上此句OK $(.error).html(); $("#go").prop("disabled",true); $(this).ajaxSubmit({ type:"POST", //beforeSubmit: showRequest, dataType:json, success: showRespo...
代码如下: // $(function () {// $('#a').validate({// rules: {// username: { required: true, minlength: 6, maxlength: 12 },// email: { required: true, email: true }// },// errorshow: function (error, element) {// error.appendTo(element.siblings('span'));// ...
项目用到了jquery的表单校验插件validate,之前一直都只是做很简单的校验,没有做过稍微复杂的应用,近期项目对应用的要求提高了,一个页面中有两个提交按钮,然后表单校验是绑定在按钮的点击事件上的,如下。 然后很自然的就用到了插件的valid()函数: 这个确实能达到相要的效果,但是在ie8下竟然有问题,valid()方法始终返回false,而且所有的字段都会被当成必填字段校验,纠结了好久,因为jquery的插件代码都很复杂,所以刚...