`
xplazy
  • 浏览: 44841 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery Validation alert第一个错误的方法

阅读更多

$("#form").validate({
    invalidHandler: function(form, validator) {
        $.each(validator.invalid,function(key,value){
            alert(value);
            return false;
        }); //这里循环错误map,只报错第一个
    },
    errorPlacement:function(error, element) {
    },
    onkeyup: false,
    onfocusout:false
});

 

改进一点,删除其他错误,执行默认的错误定位

$.validator.setDefaults({
    invalidHandler: function(form, validator) {
        $.each(validator.invalid,function(key,value){
            tmpkey = key;
            tmpval = value;
            validator.invalid = {};
            validator.invalid[tmpkey] = value;
            alert(value);
            return false;
        });
    },
    errorPlacement:function(error, element) {
    },
    onkeyup: false,
    onfocusout:false,
    focusInvalid: true
});

分享到:
评论

相关推荐

    validation:可以组合的自定义验证规则

    在JavaScript中,我们可以使用内置的函数或者第三方库如Lodash、jQuery Validation等来实现。但是,对于某些特定的业务需求,我们可能需要创建自定义的验证规则。 创建自定义验证规则通常涉及到以下步骤: 1. **...

    javascript的表单验证

    为了提高验证的复杂性和一致性,可以使用第三方库,如jQuery Validation、Formik、Vuelidate等。这些库提供了更丰富的验证规则和更好的用户体验。 七、总结 JavaScript的表单验证是前端开发中的基本技能,通过理解...

    JavaScript表单验证的两种实现方法

    第二种实现方法是使用jQuery结合jQuery验证插件(如jQuery Validation Plugin)。这种方法可以大幅简化验证过程,提高开发效率。要使用jQuery验证插件进行表单验证,首先需要引入jQuery库和jQuery验证插件的脚本文件...

    JS判断非空至少输入两个字符的简单实现方法

    紧接着,代码进行第一个判断,检查字符串`str`的长度是否小于2。如果小于2,即用户没有输入足够的字符,将弹出一个提示对话框(这里原代码使用了`dialog`方法,但建议将其替换为通用的`alert`方法或者自己定义的提示...

    form-validation

    除了JavaScript,还有很多现成的库,如`jQuery Validation Plugin`和`Vuelidate`,它们提供了一套完整的验证规则和易于使用的API,帮助开发者轻松实现复杂的表单验证。 在实际项目中,为了提供良好的用户体验,通常...

    Bootstrap3 插件.pdf_前端学习资料

    11. **表单验证 (Form validation)**:Bootstrap 提供了一种简单的表单验证插件,可以对输入字段进行验证,并显示错误提示。 12. **日期组件**:虽然 Bootstrap3 自带的日期组件功能相对有限,但可以通过集成其他第...

    js 数组当前行添加数据方法详解

    如果要在表单的第一行添加新商品,可以使用这个方法: ```javascript products.unshift({sku: '67890', name: 'Product B', brand: 'Brand Y', unit: 'Box'}); ``` 3. `splice()` 方法:更灵活,可以在指定位置...

    一些网页特效

    10. **全屏背景视频/图片**:这种特效可以增强网站的第一印象,例如,使用Vide.js或Unsplash API来实现。 这些网页特效的实现,往往需要结合HTML、CSS和JavaScript技术。HTML负责结构,CSS负责样式,而JavaScript则...

    js校验表单后提交表单的三种方法总结

    在这个方法中,校验函数是在`onclick`事件中被调用的。如果校验通过,则返回`true`,页面不进行任何操作;如果校验失败,则返回`false`,并且会弹出提示信息,阻止表单的提交。 ```javascript function check(form...

    .netweb日期控件,在asp.net里应用 javascript.zip

    首先,确保引入jQuery和jQuery UI库,然后在TextBox上添加一个特定的CSS类,如`date-picker`: ```html <asp:TextBox ID="txtDateJS" runat="server" CssClass="date-picker"></asp:TextBox> ``` 接着,在页面加载...

    KnockoutJs中文教程

    在这个例子中,`name`是可观察的,`greet`是 ViewModel 的一个方法。 **4. 可观察数组和依赖跟踪** 在KnockoutJS中,不仅单个值可以是可观察的,数组也可以。这样,当数组中的元素改变或添加/删除元素时,界面上的...

    大名鼎鼎SWFUpload- Flash+JS 上传

     在发行包(SWFUpload v2)中含有2个版本的Flash控件(swfupload_f8.swf 与wfupload_f9.swf),其中第一个版本拥有最佳的兼容性,但是为此损失了部分功能;而第二个版本提供了一些附加的功能但是损失了兼容性。 ...

    JavaScript表单验证实现代码

    validate_email函数通过检查电子邮件地址中是否含有@符号和至少一个点号,并确保@不是地址的第一个字符,以及@和最后一个点号之间的字符数至少为两个来判断电子邮件地址是否符合基本的格式规则。如果不符合,同样会...

    JavaScript网页特效实例大全(经常用到的)

    JavaScript是一种广泛应用于网页开发的脚本语言,它赋予了网页动态功能,使得用户交互更为丰富。本资源包“JavaScript网页特效实例大全”汇集了众多在实际网页开发中常用且实用的JavaScript特效,旨在帮助开发者提升...

    js实现的验证,学习用js控制td

    - 如果当前行的第一列包含"*",则检查第二列(索引为1)的单元格内容。`rowObj.cells[1].childNodes[0].value`获取该单元格内输入元素(如`<input>`或`<textarea>`)的值。 - `if (rowObj.cells[1].childNodes[0]....

    input-inn:html 控件的验证器

    由于"input-inn"并未提供更多信息,可能是某个特定的验证插件或库,也可能是一个教学项目,它可能包含了关于如何创建自定义验证器、处理验证结果、以及改进用户体验的方法。如果这是一个库,那么它可能提供了一套...

Global site tag (gtag.js) - Google Analytics