2017-06-28 23 views
0

の検証を追加し、私はこれだけ(純粋なJS/jqueryの場合のみ)フォームに検証を追加することで、ヘルプのビットを探して、JavaScriptにかなり新しいです:日付形式

のは、私は、フォームgetByID("text")

を持っているとしましょう

ユーザーが小数点以下(整数のみ)、文字または特殊文字(数字のみ)、23時間/ 59分(HH:MMの場合は2つの独立したフィールド1時間は23時間を超えてはならず、残りの59分は以下を参照)。

getByID("HH")

getByID("MM")

  • ので0-23が許可される特別な文字/小数点/文字を数字23を超えませんしなければならないので、0を桁59を超えてはなりません-59は許可され、特殊文字/小数/文字はありません。

誰でもこれを手伝うことができれば、大変感謝しています。前もって感謝します!

+2

これまでに試したことはありますか? –

+0

数字のフォーム検証を追加する必要はありませんでしたので、私は完全に紛失しました –

+0

代わりにブートストラップdatetimepickerプラグインを使用してください。 –

答えて

0
<input type="" name="" id="hh" onkeyup="isNumber(event)" placeholder="HH"> 
<input type="" name="" id="mm" onkeyup="isNumber(event)" placeholder="MM"> 


<script type="text/javascript"> 
    function isNumber(evt) { 
    var id = evt.target.id; 
    var val = $("#"+id).val(); 
    if (val) 
    { 
     var numericReg = /^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/; 
     if(!numericReg.test(val)) { 
      $("#"+id).val(''); 
      alert('Numeric characters only'); 
     } 
     else 
     { 
      if (id == 'hh') 
      { 
       if (val > 24) 
       { 
        $("#"+id).val(''); 
        alert('Less than 24'); 
       } 
      } 
      if (id == 'mm') 
      { 
       if (val > 60) 
       { 
        $("#"+id).val(''); 
        alert('Less than 60'); 
       } 
      } 
     } 
    }  
} 
</script>