Question

请原谅我缺乏javascript调料。我目前在验证方面有两个部分：
1.将css修饰应用于输入字段并使包含错误消息的div可见的函数 2.聚合上述函数的函数，以形式调用，即 onSubmit =“（return validate（）;）”

我希望解决两件事：

1.重构代码以使其变小

2.修复了代码更新。将选择器文本修饰应用于所有空字段。目前，装饰应用于第一个空字段，然后一旦输入文本值，它就会到达下一个字段。应验证每个空字段并显示正确的装饰。

/** VALIDATION DECORATION **/

function validateAccountNameRequired(textInputId, textInputLabelName) {
    var valid = true;

    if (!$('input#accountName').val()) {
        $('input#accountName').addClass('inputError');
        $('ul#accountNameList').find('div.error').attr('style', '');
        valid = false;
    } else if ($('input#accountName').val()) {
        $('input#accountName').removeClass('inputError');
        $('ul#accountNameList').find('div.error').hide();
    }
    return valid;
}

function validateAccountBusOrgIDRequired(textInputId, textInputLabelName) {
    var valid = true;

    if (!$('input#accountBusOrgID').val()) {
        $('input#accountBusOrgID').addClass('inputError');
        $('ul#busOrgList').find('div.error').attr('style', '');
        valid = false;
    } else if ($('input#accountBusOrgID').val()) {
        $('input#accountBusOrgID').removeClass('inputError');
        $('ul#busOrgList').find('div.error').hide();
    }

    return valid;
} /** VALIDATORS **/

function validate() {

        valid = validateAccountNameRequired('accountName', 'Account Name');
        valid1 = validateAccountBusOrgIDRequired('accountBusOrgID', 'Account Bus Org ID');

    return valid && valid1;
}

使用Jquery装饰进行Javascript表单验证

1 个答案: