当相应的表单值为null时,获取HTML表单元素。

时间:2013-04-24 10:17:43

标签: javascript jquery html forms

有表格,需要验证。

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

解析每个值,如果value为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=""}]

2 个答案:

答案 0 :(得分:1)

如果条件错误请尝试此

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

答案 1 :(得分: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');
    }
});