发送自定义jQuery验证表单

Question

我一直在进行一些自定义验证（非常基础）。 它完成了我需要做的事情，但是我无法解决如何提交表单。 我以为返回true会起作用，但可悲的是不会。 这是我当前正在使用的代码。

$('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，然后使用$('#form_id').submit(); jQuery中的方法。

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;
        }
    });
});