酷!學園

技術討論區 => 網頁技術 => 主題作者是: alucardc 於 2012-06-22 16:00

主題: [javascript]N個input欄位,要驗證是否重複輸入同樣的東西
作者: alucardc2012-06-22 16:00
今天我有N個input欄位       它們的id分別是
<input type="text" id="sal_barcode" />
<input type="text" id="sal_barcode1" />
<input type="text" id="sal_barcode2" />
.
.
.
<input type="text" id="sal_barcodeN" />


而我有另一個欄位是
<input type="text" id="prod_barcode" />




假設都會先在prod_barcode這邊輸入東西

而我想要在這N個sal_barcode input欄位,用onblur的方式 驗證說 假設任一欄位

輸入的東西跟prod_barcode裡的是一樣的話就跳出alert

請問這樣要怎麼寫???
主題: Re: [javascript]N個input欄位,要驗證是否重複輸入同樣的東西
作者: alucardc2012-06-22 16:43
是不是先在每個input後加個 onblur="checkcode(i)"



function checkcode(i){

if ( $('#sal_barcode'+i).val() == $('#prod_barcode').val() ){
      alert('條碼重複!!!');
      }

}



紅色那邊語法不知道要怎麼寫才對
應該是jQuerry 但我不會
主題: Re: [javascript]N個input欄位,要驗證是否重複輸入同樣的東西
作者: Nansen2012-06-22 19:12
Try It.
http://jsfiddle.net/fYWxq/
主題: Re: [javascript]N個input欄位,要驗證是否重複輸入同樣的東西
作者: see7di2012-08-26 14:56
function checkcode(i){
if ( $('#sal_barcode'+i).val() == $('#prod_barcode').val() ){
      alert('條碼重複!!!');
      }
}
這種寫法應該是可以的,或者:
先在每個input後加個 onblur="checkcode(this)"
function checkcode(i){
i=$(i);
if (i.val() == $('#prod_barcode').val() ){
      alert('條碼重複!!!');
      }
}