关于jquery validate.插件做表单验证,如未通过则默认第一个未通过的元素问题

jQuery Validate 插件

今天在项目中使用jQuery Validate表单验证,之前使用<input type='submit' value='提交'/>这种方式触发验证。

当表单中存在必填项为空(也可能是其他条件)时,会将焦点定位在第一个为空的表单元素上。但当我将验证方式变成js验证后,只提示文字,未定位第一个为空的表单元素。后修改js方法,实现此功能,在此记录下。

原方法定义
function validateForm(formId) {
  return $("#" + formId).validate({ rules : {}, messages : {} }).form();
}
修改后
function validateForm(formId) {
    //validate方法参数可选
    var validator = $("#" + formId).validate({
        rules : {},
        messages : {}
    });
    var booleanValue = $("#" + formId).valid();
    if(!booleanValue) {
        validator.focusInvalid();
    }
    return booleanValue;
}

到此问题已解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值