表单提交上的JQuery函数

Question

我有这个JQuery函数：

function CheckRequired() {
    alert("test");

    var ret = true;

    $(".required").each( function() {
        var check = $(this).val();

        if(check == '') {
            //alert($(this).attr("id"));
            event.preventDefault();
            ret = false;
        }
    });

    if(!ret) {
        alert("One or more fields cannot be blank");
        return false;
    }
}

检查类required

的所有输入字段

我的网站上有很多表单，我不会在每个表单上调用此函数。

有没有办法可以在每个表单提交时执行此操作而不向每个表单添加任何额外的代码？

Answer 1

使用jQuery on()

的事件委托

$(document).on('submit', 'form', CheckRequired);

此外，如果您希望使用CheckRequired而不是匿名函数，请务必修改其取消以接受event参数

function CheckRequired(event) {...}