2016-06-13 74 views
0

我有7個文本框,只允許2位數字的數字值,只允許01-49數字,並且相同的數字不能重複。使用javascript在asp.net中進行文本框驗證

例:

01 20 03 04 05 06 49 

我的代碼,

<script type="text/javascript"> 
    function integersOnly(obj) { 
     obj.value = obj.value.replace(/[^0-9-.]/g, ''); 
    } 
</script> 

不僅滿足數字輸入,但如何檢查其他的標準?

回答

1

我已根據您的條件實施編碼。

HTML代碼:

<input type="text" class="txt" /> 
<input type="text" class="txt" /> 
<input type="text" class="txt" /> 
<input type="text" class="txt" /> 
<input type="text" class="txt" /> 
<input type="text" class="txt" /> 
<input type="text" class="txt" /> 

JAVA腳本代碼

$(function() { 
    $(".txt").on("keyup", function(event) { 
     // don't handle backspace, delete, pgup/pgdn, home/end, or arrow keys: 
     if (event.keyCode === 8 || event.keyCode === 46 || event.keyCode >= 33 && event.keyCode <= 40) return false; 

     var currentEl = $(this); 
     var value = $(currentEl).val(); 

     // remove letters... 
     value = value.replace(/[^0-9-]/g, ""); 

     // handle numbers greater than 49... : 
     if (parseInt(value) > 49 || parseInt(value) === 49) { 
      value = "49"; 
     } 

     $(currentEl).val(value); 
    }); 

    $('input.txt').change(function() { 
     var textValues = new Array(); 
     $("input.txt").each(function() { 

      if ($(this).val() != "") { 
       doesExisit = ($.inArray($(this).val(), textValues) == -1) ? false : true; 

       if (!doesExisit) { 
        textValues.push($(this).val()) 
       } else { 
        alert('Same value has been already exists.'); 
        return false; 
       } 
      } 
     }); 
    }); 
}); 

可否請您通過這個鏈接的jsfiddle:http://jsfiddle.net/997g3fug/18/

請分享您的想法。希望這可以幫助你。