`
yongguang423
  • 浏览: 112292 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

jquery validate 用alert提示错误

阅读更多
 jQuery().ready(function() {
            var validator = jQuery(".form1").validate({
                rules: {
                    docTypeId: "required",
                    "uploadFiles[0].file":"required"
                },
                messages: {
                    docTypeId: "请选择****",
                     "uploadFiles[0].file":"请选择文件"
                },                 
                showErrors: function(errorMap, errorList) {
                    var msg = "";
                    jQuery.each(errorList, function(i, v) {
                        msg += (v.message + "\r\n");
                    });
                    if (msg != ""){
                        alert(msg);
                   } 
                }
            });
            jQuery("#btn_submit").click(function() {
                var check = validator.form();
                if (check) {
                    jQuery(".form1").submit();
                }
            });
        });
 

 

分享到:
评论

相关推荐

    jquery validate例子

    如果验证失败,`messages`对象会提供相应的错误提示。 jQuery Validate还提供了自定义验证方法的功能,允许开发者根据项目需求创建自己的验证规则。例如,验证密码强度: ```javascript $.validator.addMethod(...

    Jquery validate和form插件

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

    Jquery Validate跟bootstrap插件的兼容

    2. **错误元素的插入位置**:jQuery Validate默认将错误消息插入到表单元素之后,而Bootstrap的错误消息通常显示在输入框下方。为了保持一致性,我们需要配置jQuery Validate的`errorPlacement`函数,指定错误消息...

    jquery validate表单验证js

    1. 引入依赖文件:在项目中,我们需要引入jQuery库(如jquery-1.9.1.js),接着引入jQuery Validate插件(jquery.validate.js),以及中文提示消息文件(jquery.validate.messages_cn.js)。这些文件通常放在项目的...

    jQuery Validate表单验证深入学习

    jQuery Validate允许开发者通过`errorPlacement`回调函数来自定义错误信息的显示位置。默认情况下,错误信息会被追加到验证元素的父元素后面。但开发者可以通过重写`errorPlacement`函数来自定义这个行为。例如,...

    jQuery_validate插件

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

    jquery-validate 验证插件

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

    jquery.validate学习实例

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

    jQuery Validate

    1. **替代默认的SUBMIT行为**:通过`submitHandler`回调,你可以定义自定义的提交行为,例如使用`alert()`显示信息,或者使用`ajaxSubmit()`异步提交。 2. **调试模式**:启用`debug`选项可以在不提交表单的情况下...

    jquery_validate.zip

    《jQuery Validate插件详解及其在Web开发中的应用》 jQuery Validate插件是Web开发中用于表单验证的强大工具,尤其在HTML5之前,它为开发者提供了便捷、灵活的验证规则,确保用户输入的数据符合预设的格式和要求。...

    jquery.validate验证说明

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

    jquery的validate表单验证框架

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

    jquery.validate知识要点

    1. **格式化错误消息**:`jQuery.validator.format`方法可以用来格式化错误提示信息,使其更加友好和具体。 ```javascript var str = "Hello {0}, this is {1}"; alert("'" + str + "'"); // 显示原始字符串 ...

    jquery-form-validate

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

    JQuery的validate验证框架.rar

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

    CKEditor无法验证的解决方案(js验证+jQuery Validate验证)_.docx

    然而,在集成CKEditor的同时,我们也可能会遇到一个常见问题:即使用JavaScript或jQuery Validate插件进行表单验证时,CKEditor中的数据可能不会立即反映到原始的`<textarea>`元素中,从而导致验证失败。 #### 问题...

    jQuery弹出对话框及提示信息

    jQuery对话框和提示信息是用户交互的重要组成部分,它们可以用来展示警告、确认信息、提供输入字段或者显示详细内容,从而提高用户体验。本文将深入探讨jQuery中的这些功能及其应用。 首先,我们来了解jQuery的`...

    CKEditor无法验证的解决方案(js验证+jQuery Validate验证)

    然而,在实际开发过程中,开发者们可能会遇到使用CKEditor时无法与前端验证框架(如jQuery Validate)协同工作的问题。 问题的关键在于CKEditor的内容并不直接存储在页面的textarea元素中,而是通过JavaScript操作...

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

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

Global site tag (gtag.js) - Google Analytics