Question

我要禁用“保存”按钮，直到所有字段都有效为止，如果任何一个边框变为红色，则不要启用。该jsp包含在更多的jsp中，我发现很难将form / div放入我的Java脚本函数

我正在尝试使用jquery动态获取表单/ div ID，但在JavaScript中，它无法获取表单的ID

onkeyup="checkFieldWithRegExp(jQuery('#SUM-03-inputnumberOfChildren'), jQuery('#teleNumeric'), jQuery('#FO-E012-tableShowMarketingConsent'));


function checkFieldWithRegExp(valueField, regExpField, formIdField) {
    var regExp = regExpField.val();
    var regNumber = valueField.val();
    var formIdValue = $('#formIdField input:not(.hilightBorder)').length();

    if (regExp !== null && !new RegExp(regExp).test(regNumber)) {       
        valueField.addClass('hilightBorder');
        valueField.removeClass('hilightGreenBorder')
        $('SUM00bSaveButton').disabled=false;
    } else if(regExp !== null && new RegExp(regExp).test(regNumber)){
        valueField.addClass('hilightGreenBorder');
        valueField.removeClass('hilightBorder');
        if(formIdValue){
            $('SUM00bSaveButton').disabled=false;
        }
    } else {
        valueField.removeClass('hilightBorder');
    }   
}

我希望在页面加载以及任何字段带有红色边框（用户输入错误）时禁用保存。我可以帮忙吗

Answer 1

我相信您正在错误地解决问题。

根据我对您要执行的操作的了解，一旦表单输入有效，您就启用了一个按钮。（如果我错了，请纠正我）

您应该在后台编写一个函数，以检查和验证用户正在填写的输入数据。如果所有数据均有效，则启用该按钮。如果无效，请将其禁用。

每次在每个表单输入元素上附加一个“ onKeyUp”事件时，您都可以运行此功能。

如果任何字段带有红色边框，我想禁用保存按钮

1 个答案: