当相应的表单值为空时获取 HTML 表单元素。？

Question

有一个表单，需要验证它。

已使用serializearray 获取单击提交按钮时的所有表单元素。

解析每个值，如果值为null，则需要为相应的HTML元素添加一个类。

代码如下

$(document).ready(function(){
    $("#sumbit_button").click(function(){
        var formElements = $("#ImageSliderForm").serializeArray();
        $(formElements).each(function(x){
            if(formElements[x]["value"] == ""){
                //get the respective html element and add a class
            }
        });
    });
});

需要一种方法来找到相应的 HTML 元素。

console.log($("#ImageSliderForm").serializeArray());

的输出

[Object { name="ImageSliderImageURL",  value=""}, Object { name="ImageHeader",  value=""}, Object { name="ImageHeaderSubText",  value=""}, Object { name="ImageSliderSubTextURL",  value=""}]

Answer 1

试试这个：

var formElements = $("#ImageSliderForm").serializeArray();

$(formElements).each(function (x, element) {
    if (element.value == "" || element.value == null) {

        //get the respective html element and add a class
        $("[name='" + element.name + "']").addClass('someclass');
    }
});

Answer 2

如果条件错误，试试这个

if(formElements[x]["value"] == "" || formElements[x]["value"] == null){