javascript - 当相应的表单值为空时获取 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

如果条件错误试试这个

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

Answer 2

尝试这个：

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');
    }
});