Javascript迷你验证脚本

Javascript mini validation script

本文关键字：脚本 验证 Javascript      更新时间：2023-09-26

我是新手。尝试创建一个迷你验证函数，它将检查字段是否为空。

我想做的是，像checkIfEmpty("fullname, email,...")那样调用func，然后在函数内部，检查用逗号分隔的每个字段，收集空字段到一个数组，并在最后检查该数组是否为空。尝试过类似以下的函数，但不知道php函数在js中的所有替代方案。请帮助我实现我的想法。

function checkIfEmpty(fields)
{
    var emptyFields=new Array();
    fields=fields.split(',');
    foreach(fields as field)
    {
        if (!field.val()) {
            field.attr('class', 'invalid');
            emptyFields[] = field;
        }
        }
        if(emptyFields.length()==0){return true;}
        else {return false;}
}

似乎你想要这样的东西:

$("input:text").each(function(i, field) {
     if (!field.val()) {
         field.addClass('invalid');
     }
});
return ($("input.invald").length > 0); // return true if invalid fields

您还可以为每个输入设置一个不应为空的类，然后在表单提交时检查每个具有该类的输入。

$('#form_id').submit(function() {
    $('.required').each(function() {
        // if a input field that's required is empty
        // we add the class '.invalid' 
        if(!$(this).val()) {
           $(this).addClass('invalid');
        }
    });
    // prevent the submission if number
    // there is required fields still empty
    return ($('input.invalid').length == 0);
});

这是一个示例表单，其中一个必填项名为email:

<form method="POST">
  <input type="text" name="email" class="required" />
  <input type="text" name="firstname" />
  <input type="text" name="lastname" />
  <input type="submit" value="SEND" />
</form>
相关文章：