Question

我试图使用jquery检查文本字段是否为空，但它不起作用，文本字段是动态创建的，名称为quiztxtBox []，带括号，表示它是一个数组，当某个字段为空时，文本字段会变成红色的。但问题是它不起作用，嗯这是我的代码

$("#quiztxtBox[]").each(function()
              {
                  if($("#quiztxtBox[]").val()=="")
                  {
                      $("#quiztxtBox[]").nextAll('span').html("Field needs filling");
                      $("#quiztxtBox[]").css({"background-color":"#f6d9d4"});

                  }
          });

编辑
这是html代码，span部分不起作用，我想知道为什么，这是用于动态创建文本框的html ..

<div id="QuestionTBDiv1" >
                                        <label>Question</label><br/>
                                        <input type="text" name="quiztxtBox[]" size="57" id="quiztxtBox[]" placeholder="Question #1"><br/>
                                        <label>Answer</label><br/>
                                        <input type="text" name="quiztxtBox[]" size="24" id="answer[]" placeholder="Choice A">&nbsp;<input type="radio" class = "choiceA" name="correct_answer1" value="A">&nbsp;
                                        <input type="text" name="quiztxtBox[]" size="24" id="answer[]" placeholder="Choice B">&nbsp;<input type="radio" class = "choiceB" name="correct_answer1" value="B"><br/>
                                        <input type="text" name="quiztxtBox[]" size="24" id="answer[]" placeholder="Choice C">&nbsp;<input type="radio" class = "choiceC" name="correct_answer1" value="C">&nbsp;
                                        <input type="text" name="quiztxtBox[]" size="24" id="answer[]" placeholder="Choice D">&nbsp;<input type="radio" class = "choiceD" name="correct_answer1" value="D"><br>
                                        <span name="errMchoice" class="errorMsg"></span>
                                        </div>

Answer 1

尝试：

$("[name='quiztxtBox[]']").each(function(){
  if ($(this).is(':empty')) {
    $(this).nextAll('span').html("Field needs filling");
    $(this).css({"background-color":"#f6d9d4"});
  }
});

Answer 2

试试这个：

将ID更改为类，即将 id =“＃quiztxtBox []”更改为 class =“。quiztxtBox”然后，

$(".quiztxtBox").each(function()
{
    if($(this).val()=="")
    {
         $(this).nextAll('span').html("Field needs filling");
         $(this).css({"background-color":"#f6d9d4"});
    }
});

我认为你需要这个：

check demo @ http://jsfiddle.net/renishar/S73gq/

检查Jquery中的textfields是否为null

2 个答案: