2010年12月30日 星期四

Jquery實現按下Enter鍵時自動跳下一輸入欄位

客戶在輸入資料時會使用BarCode機作掃描…
而掃描時會在最後面送一個enter訊號…
所以希望在掃描後能自動跳一欄位繼續輸入...
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript">
$(function(){ 
 //送出表單 
 var focusItem = null; 
 var inputs = $('input[type=text]');
 $('input[type=text]').focus( function(){  
  focusItem = inputs.index( $(this) );
 });
 
 $(document).keydown(function(event){   
   if(event.keyCode==13){  //如果按 enter     
   //跳下一個欄位
   inputs.eq(  (focusItem+1) ).focus();
   }
 });
 //為了不讓按下Enter就送出表單,把原本的submit改成button
 //再自己處理submit的按鈕
 $('input[name=mySubmit]').bind('click',function(){
  $('#form2').submit();
 });
});
</script>
<form id="form2" method="post" action="idsk_check.php">
 <input type="text" value="0" />
    <input type="text" value="1" />
    <input type="text" value="2" />
    <input type="text" value="3" />
    <input type="text" value="4" />
</form>

<input name="mySubmit" type="button"  value="Submit"/>


2 則留言: