Question

我的网站上有一个表单，当我点击提交时，我有一个检查空字段的验证脚本。我的表单中只有一个字段不是必需的，因此我尝试将其添加为例外。这是我目前的剧本

$("#quote_form").submit(function(){
    var isFormValid = true;

    $("input, select").not('.discount').each(function() {
        if ($.trim($(this).val()).length == 0){
            $(this).addClass("highlight");
            isFormValid = false;
        }
        else{
            $(this).removeClass("highlight");
        }
    });

    if (!isFormValid) {
        $('.error').text('**Please fill in all highlighted fields**');
    }
    else {
        $('.error').text('');
    }

    return isFormValid;
});

这适用于当我点击提交时，它不会将类“突出显示”添加到具有“折扣”类的字段，但是当我填写除折扣之外的所有表单字段时，它仍然不会发送。谁能告诉我我错过了什么？

Answer 1

我会采用更完整，更简单的方法：使用jquery.validate。

使用这个广泛使用的插件，您可以通过代码或（建议！）通过css类和直接应用于您的输入的属性（即必需，电子邮件，最小/最大长度，最小/最大值等）来管理验证规则。

检查here以了解一些使用示例。

请注意，错误消息和相应的本地化已包含在内。

jQuery在验证中不包含表单字段

1 个答案: