2016-06-13 16 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のCODE:

<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 SCRIPT CODE

$(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/

自分の考えを共有してください。これがあなたを助けてくれることを願っています。

関連する問題