提交时验证所有表单字段

Validate all form fields on submit

本文关键字：表单 字段 验证 提交      更新时间：2023-09-26

基本上，我所做的是将8个表单输入值传递到Javascript Ajax文件，在此过程中，我想进行

if(in_array(all form values) == 'empty') {

这是我使用的当前代码

if($("#merchant").val()==='') {
        //prevent submit button to sending to the handler page
        event.preventDefault();
        //popup the alert
        $("#response").html("<br/><div class='alert alert-error'>Please enter a Merchant Name</div>");
        $("#response").slideDown('slow');
        slideout();
        $("#loading").fadeOut('slow');
}

但是使用这个代码，我必须为每个字段复制和粘贴大约8次，如果可能的话，我宁愿做一个数组检查。

这在Javascript中可能吗？如果是，如何？

像这样在表单的:inputs上迭代，假设您在submit事件中，并且表单是this

$(':input', this).each(function(e) {
    if ($(this).val() === '') {
        // do your stuff
    }
});

您还可以将错误消息附加为数据属性，并像一样引用它

<input type="text" ... data-error-msg="Some Error Message"/>
$(this).data('error-msg');

此功能适用于完美的

function in_array(item,arr) {
     for(p=0;p<arr.length;p++) if (item == arr[p]) return true;
     return false;
}

像这样使用

if(in_array("value", myarray))
{
   // Do something
}

这只会选择空的元素：

$(".my-class:empty").each(function() {
    // Do things
});
相关文章：