`
cxh116
  • 浏览: 75087 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

jquery.validate 以alert方式显示错误方法

阅读更多
虽然alert方式不被推荐,但很多时候由不得我...

  
$.validator.setDefaults({
	submitHandler: function() { alert("submitted!");return false; }
});

$().ready(function() {
	// validate signup form on keyup and submit
	$("#reg_form").validate({
		rules: {
			/* input name 有 . 时加上引号 */
			'mem.username': {
				required: true,
				minlength: 5
			},
			'mem.password': {
				required: true,
				minlength: 5
			}
		},
		messages: {
			'mem.username': {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long"
			},
			'mem.password': {
				required: "Please provide a password2",
				minlength: "Your password must be at least 5 characters long"
			}
		},
		/* 重写错误显示消息方法,以alert方式弹出错误消息 */
		showErrors: function(errorMap, errorList) {
			var msg = "";
			$.each( errorList, function(i,v){
			  msg += (v.message+"\r\n");
			});
			if(msg!="") alert(msg);
        },
        /* 失去焦点时不验证 */ 
        onfocusout: false
	});
});


分享到:
评论
3 楼 握着橄榄枝的人 2011-09-14  
握着橄榄枝的人 写道
这个怎么验证通过了还是弹出submitted!这个

对于jquery不是很了解,看了一下jquery觉得发了上面的评论真的很弱智。
2 楼 握着橄榄枝的人 2011-09-14  
对于jquery不是很了解,看了一下jquery觉得发了上面的评论真的很弱智。
1 楼 握着橄榄枝的人 2011-09-14  
这个怎么验证通过了还是弹出submitted!这个

相关推荐

    jquery.validate使用攻略 第三部

    1: 自定义表单提交 设置submitHandler来自定义表单提交动作 $(“.selector”).validate({ submitHandler: function(form) { alert(“验证通过”); } }); 如果需要提交表单,可以调用 form.submit(); 或者$...

    jQuery.validate 常用方法及需要注意的问题

    1.用其他方式替代默认的SUBMIT 代码如下:$().ready(function() { $(“#signupForm”).validate({ submitHandler:function(form){ alert(“submitted”); form.submit(); } });});使用ajax方式 代码...

    jquery-validate验证框架使用详解及JS文件

    在表单提交前的客户端验证比较常见,之前一般都是alert效果不好,有了它,可以直接套用,呵呵,很方便

    jQuery Validate表单验证深入学习

    之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 ...

    jquery插件使用方法大全

    可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    <!-- public topnav --> ... <!-- //public topnav --> <!-- 广告位:下载频道首页头文件上 220*90 --> ...<script language='JavaScript' type='text/javascript' src='/js/jquery...

    jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

    本文实例讲述了jQuery实现验证表单密码一致性及正则表达式... alert("请保证两次输入密码的一致性!"); $("#checkPWD").focus(); } } function check_email() { var reg = /\w+[@]{1}\w+[.]\w+/; if (!reg.

    ExtAspNet_v2.3.2_dll

    -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX属性IFrameUrl(feedback:BluesT)。 -重新设计模拟树的下拉列表的实现,避免...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX属性IFrameUrl(feedback:BluesT)。 -重新设计模拟树的下拉列表的实现,避免...

    表单验证框架使用及说明

    需验证页面引入jquery和插件js、css <link .../> <link .../> ... 初始化插件 1 $(document).ready(function() { 2 $("#formID").validationEngine() 3 }) 或者带相关属性: $(document).ready(function() { ...

    表单Form的submit事件不响应的解决方法

    虽然用submit方法来提交表单有违Unobtrustive Javascript的原则,但有时候不得不用,比如做搜索提示(auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件,那只有手工触发这些...

    jquery中ajax函数执行顺序问题之如何设置同步

    JavaScript code 代码如下: function existProduct(obj){ var productname = escape(obj.val()); $.getJSON(“../product/searchProductByName.... } function validateform(){ //alert(existProduct($(“#products_na

    千方百计笔试题大全

    JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类? 17 69、文件读写的基本类 17 70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? ...

    java面试宝典

    JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类? 17 69、文件读写的基本类 17 70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? ...

Global site tag (gtag.js) - Google Analytics