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

试试这个:

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