Question

我一直在进行一些自定义验证（非常基础）。它做了我需要做的事情，但我无法解决如何提交表格。我认为回归真的会起作用，但遗憾的是没有。这是我目前正在使用的代码。

$('button').click(function() {
    $('.required').each(function() {
        if ($(this).val() == '') {
            return false;
            $(this).val("Please enter a value.");
            $(this).css("background", "#d42c43");
            $(this).css("border-color", "#d42c43");
            $(this).css("color", "#ffffff", "!important");
        } else {
            return true;
        }
    });
});

我想要的所有输入字段都包含所需的类。

Answer 1

您可以在表单中添加一个id，然后在jQuery中使用$('#form_id').submit();方法。

Answer 2

由于它不是提交，因此在点击时不会提交。

按钮在表单内，对吗？您可以递归地导航到它的父级，直到找到表单标记，然后提交。

$(this).parent().submit();

或者您可以将按钮替换为提交，并且通过返回onclick来定义提交与否的行为。

Answer 3

$('button').click(function() {
    $('.required').each(function(e) {
       e.preventDefault();
      var form = $(e.currentTarget); //the form
           valueToEvaul = form.find('#valueToEval').val(); //the value to evaul
        if (valueToEvaul  == '') {
            $(this).val("Please enter a value.");
            $(this).css("background", "#d42c43");
            $(this).css("border-color", "#d42c43");
            $(this).css("color", "#ffffff", "!important");
        } else {
            return true;
        }
    });
});

只需删除return false

即可

Answer 4

这里有一个小提琴：http://jsfiddle.net/y5yncmtc/2

$('button').click(function(e) {
    $('.required').each(function() {
       var form = $(e.currentTarget);
           valueToEvaul = $('#valueToEval').val();
        if (valueToEvaul == '') {
            e.preventDefault();
            $(this).val("Please enter a value.");
            $(this).css("background", "#d42c43");
            $(this).css("border-color", "#d42c43");
            $(this).css("color", "#ffffff", "!important");
        } else {
            return true;
        }
    });
});

发送自定义jQuery验证表单

4 个答案: