`
cxh116
  • 浏览: 76546 次
  • 性别: 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. **格式化错误消息**:`jQuery.validator.format`方法可以用来格式化错误提示信息,使其更加友好和具体。 ```javascript var str = "Hello {0}, this is {1}"; alert("'" + str + "'"); // 显示原始字符串 ...

    jquery.validate学习实例

    5. **处理验证结果**:当用户提交表单时,如果验证失败,`jQuery Validate`会自动阻止表单的提交,并在对应的输入框下方显示错误消息。如果你想在验证成功后执行某些操作,可以监听`valid`事件: ```javascript ...

    jquery.validate验证说明

    默认情况下,jQuery Validate会在输入框下方显示错误消息。可以通过`errorPlacement`回调函数自定义错误消息的位置: ```javascript $("#myForm").validate({ // ... errorPlacement: function(error, element) { ...

    jquery validate例子

    此外,jQuery Validate提供了丰富的事件和方法,如`submitHandler`(表单提交时触发)、`valid`(验证通过时触发)和`invalid`(验证失败时触发),可以帮助开发者在验证过程中进行更精细的控制。 现在,我们来看一...

    jQuery.validate.js 中文文档.pdf(整理)

    - **描述**: 显示特定的错误信息。 - **返回**: 无。 - **示例**: ```javascript validator.showErrors({ username: '用户名必须包含至少6个字符', password: '密码不能包含空格' }); ``` #### 五、...

    jquery.form.js和使用说明

    2. **实时验证**:jQuery Form Plugin可以与各种验证插件结合,如`validate.js`,实现实时的表单验证。在用户输入时立即检查数据的有效性,及时给出错误提示,避免无效数据的提交。 3. **多文件上传支持**:jQuery ...

    jquery_validate.zip

    然后可以通过以下方式引入jQuery Validate插件及其相关的CSS样式文件和语言文件(如果需要多语言支持): ```html <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> <script src="jquery....

    Jquery validate和form插件

    3. **实时验证**:可以在用户输入时立即显示错误,无需等待表单提交。 4. **验证元素样式**:通过 CSS 类自动应用错误状态样式,使得用户能直观识别问题所在。 5. **支持组验证**:可以定义一组输入字段,只有当所有...

    jQuery_validate插件

    默认情况下,当输入不符合规则时,jQuery Validate会自动显示错误消息。若需手动控制,可以使用`.error()`和`.success()`方法: ```javascript $("#myField").valid(); // 触发验证 $("#myField").next(".error")....

    jquery validate表单验证js

    本文将深入探讨jQuery Validate的核心功能及使用方法。 一、jQuery Validate简介 jQuery Validate是一款轻量级的插件,它是基于jQuery库的,专门用于处理HTML表单验证。通过这个插件,我们可以轻松地为表单元素...

    JQuery的validate验证框架.rar

    validate插件提供了丰富的自定义选项和方法,如错误消息定位、错误元素高亮、提交处理程序等。例如,你可以自定义错误消息: ```javascript $("#myForm").validate({ rules: { username: { required: true, ...

    Jquery.dForm 插件与验证

    除了基本的表单操作,Jquery.dForm还支持与其他jQuery插件集成,如表单序列化插件(serializeArray)、日期选择器(datetimepicker)等,以增强表单的功能和用户体验。 总结,Jquery.dForm插件是构建和管理表单的...

    jquery-validate 验证插件

    2. **错误消息(Messages)**:当验证失败时,插件会显示错误消息,开发者可以自定义这些消息。 3. **验证事件(Events)**:插件提供了验证开始、验证结束等事件,允许开发者在特定验证阶段执行自定义操作。 4. **...

    jquery-form-validate

    5. **错误提示**:框架提供了丰富的错误提示方式,包括显示错误信息、高亮错误字段等。 ### 二、使用步骤 1. **引入资源**:在HTML页面中引入jQuery库和`jQuery Form Validate`插件的JavaScript文件,以及对应的...

    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表单验证框架

    `jQuery Validate`是一个非常流行的JavaScript库,用于在前端进行表单验证。这个框架极大地简化了在网页表单中实现复杂验证逻辑的过程。`jQuery`本身是JavaScript的一个轻量级库,它提供了简单易用的API来操作DOM...

    jQuery表单验证插件validate支持拓展.zip

    4. **显示与隐藏错误信息**:validate插件能自动管理错误信息的显示和隐藏,保持表单的整洁。 5. **提交表单控制**:通过`submitHandler()`回调函数,只有当表单验证成功时才会提交,防止无效数据的提交。 **使用...

Global site tag (gtag.js) - Google Analytics