Question

我的页面上有一个表单。所以我想用相应的按钮检查每个输入。所以我写了这样的smth，它只检查第一个输入，即使我点击第二个输入按钮。

<form target="myFrame" method="post" id="addProduct">
          <fieldset>
           <input type="hidden" name="iProductAdd" value="6" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[6]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
          <fieldset>
           <input type="hidden" name="iProductAdd" value="7" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[7]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
          <fieldset>
           <input type="hidden" name="iProductAdd" value="4" />
           <input type="number" onkeypress="return isNumberKey(event)" name="aProducts[4]" autocomplete="off"  value="" maxlength="4" size="4"  onclick="function()"  class="quantity" />
           <input type="submit" onclick="refreshIframe();" value="" class="addtobasket" id="addtobasket" />
         </fieldset>
        </form>

我有jQuery代码：

$(document).ready(function(){
$("form").submit(function(){

// Get the Login Name value and trim it
 var name = $.trim($('.quantity').val());

// Check if empty of not
  if (name === '') {
    $("#addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-red.png')");
    return false;
 } else {
     $('input[type="submit"]').each(function(){
             $("#addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-green.png')");
     });
 }
});

}）;

Answer 1

您的问题是您正在使用ID，因为它是类。 id在文档中应该是唯一的。因此，定义具有相同id的多个对象是错误的。并且所有功能仅适用于他们遇到的第一个。要做你想做的事，你必须使用类，所以改变你的代码：

$(".addtobasket").css("background-image", "url('http://restorani.weby.biz/templates/default/img/tick-green.png')");

寻找该类的所有元素。

只有第一个表单由jQuery检查

1 个答案: