合并验证功能

Question

您好，我正在尝试合并检查 3 个年龄输入的验证函数。目前它会突出显示不正确的输入，如果年龄未满 18 岁，shows/hides 会显示一条错误消息。

我如何在所有 3 个输入上创建函数运行并停止重复自己？

//Adult age validation
validateAdultAge0: function() {
    $('button[type="submit"]').on('click', function() {
var inputVal = parseInt( $("input[name='adultAges[0]']").val());
if (inputVal < 18) {
    $("input[name='adultAges[0]']").css("border-color","red");
        });
},

validateAdultAge1: function() {
    $('button[type="submit"]').on('click', function() {
var inputVal = parseInt( $("input[name='adultAges[1]']").val());
if (inputVal < 18) {
    $("input[name='adultAges[1]']").css("border-color","red");
        });
},

validateAdultAge2: function() {
    $('button[type="submit"]').on('click', function() {
var inputVal = parseInt( $("input[name='adultAges[2]']").val());
if (inputVal < 18) {
    console.log ('fire');
    $("input[name='adultAges[2]']").css("border-color","red");
        });
}

我得到的最远的是：

validateAdultAges: function() {
    $('button[type="submit"]').on('click', function() {
var inputVal = parseInt( $("input[name^='adultAges']").val());
if (inputVal < 18) {
    console.log('fire');
    $(this).find("input").css("border-color","red");
        });
}

Answer 1

可能正在使用 class（例如 adultAges）作为输入：

validateAdultAges: function() {
    $('button[type="submit"]').on('click', function() {
        $("input.adultAges").each(function() {
            var $this = $(this),
                inputVal = parseInt( $this.val(), 10);
            if (inputVal < 18) {
                $this.css("border-color","red");
            }
        });    
    });
}

合并验证功能

Consolidate validation function

jquery

forms

validation

this