Question

我有一个打开模态表单的网页。我使用JQuery函数验证模态形式。问题是我的函数正在检查模态和它后面的页面中的所有字段。

//validate function 
function validateFields() {
    var valid = true;
    $('.required').each(function () {
        if (!$(this).val()) {
            addError(this, 'required');
            valid = false;
        }
    });
}

//in my save function
function saveLead(){
    if (validateFields()) {
         //save
    }
}

我的验证功能是在我的页面和模态上检查required类的所有字段。如何才能使用我的页面？

更新：这有很多复杂因素，因为我的验证功能在许多页面上被重用，并且没有设置为接受特定的表格来检查这样的事情是可能的，还是我必须对验证或模态进行重大修改才能使其正常工作？

Answer 1

您可以检测单击提交按钮的表单。像下面这样的东西应该有用。

//validate function 
function validateFields($submittedForm) {
    var valid = true;
    $('$submittedForm .required').each(function () {
        if (!$(this).val()) {
            addError(this, 'required');
            valid = false;
        }
    });
}

//in my save function

// Find the form there 'this' is the submit button
var $submittedForm = $(this).closest('form');

function saveLead($submittedForm){
    if (validateFields($submittedForm)) {
         //save
    }
}

Jquery仅从模态页面中选择

1 个答案: