2014-11-04 251 views
0

我有一個窗體,有幾個輸入字段與類「inputfields」需要驗證每個字段,如果空警報'字段名爲空',否則返回true我的jquery代碼不工作繼續獲取控制檯日誌錯誤可以請幫助任何人?jQuery表單字段驗證

jQuery(document).ready(function() { 

     $('.inputfields').each.on('change keyup' ,function(){ 
      var ope = $(this).attr('name'); 
      if (ope.val()==''){ 
       alert(ope+'is empty'); 
       }else { 
        console.log(ope); 
        } 
       }); 
    }); 
+2

顯示哪些錯誤? – Shaeldon 2014-11-04 09:44:16

+2

你的錯誤是什麼? – 2014-11-04 09:44:18

+0

Uncaught TypeError:undefined不是函數operatorprofile01.php:446 加載資源失敗:net :: ERR_CACHE_MISS – Nasser 2014-11-04 10:14:57

回答

1

我相信你要檢查不同類型的輸入字段,因此要使用changekeyup

我嘗試了一些基於你的代碼的東西,但是如果你想驗證文本類型的輸入字段,下面的這個解決方案將會起作用。對於select或其他輸入類型,您必須在循環中添加更多檢查,或者採取其他方式進行驗證。

$('.inputfields').each(function() { 
     $(this).bind('change keyup', function() { 
      var ope = $(this).attr('name'); 
      if ($(this).val() == '') { 
       console.log(ope+'is empty'); 
      } else { 
       console.log(ope+ ' : ' + $(this).val()); 
      } 
     }); 
    }); 

希望這會讓你找到你想要的解決方案。

+0

完美的工作非常感謝很多,只是一個更多的事情,你在這裏添加條件,如果改變,keyup也想添加,如果表單提交我插入$(this).bind('change keyup submit',function(),但它didn' t工作有另一種方式嗎? – Nasser 2014-11-04 12:11:22

+0

對不起,延遲響應,我很高興它有幫助,我認爲形式和輸入應單獨驗證,因爲它們是單獨的實體類型,即使你成功地綁定了'change''keyup' &'提交'在一個,你必須分別檢查每個。所以我的建議是要驗證那些分開。除了這裏的其他人建議關於http://jqueryvalidation.org/,我相信,將爲您節省很長時間不要再重新發明輪子應該是一條路,只要我的兩分錢。 – cupid 2014-11-05 04:47:06