限制輸入框只能輸入數字和小數點


引言

        最近正在完善組織部附加分的功能,我們的代碼不可能一步寫到位,都是一點一點完善的。現在來和大家分享一下怎么限制輸入框只能輸入正整數和小數的知識吧……    

知識

        我使用的是正則表達式:  首先獲取到文本框中的值,然后通過正則表達式進行判斷即可。


<span style="font-size:18px;"> //判斷獎懲得分是否為正整數和小數
    var s = $("#rewardScore").val();
    var a = "";   
    var reg = new RegExp("^[0-9]+([.]{1}[0-9]+){0,1}$");
    if (s != "") {
        if (!reg.test(s)) {
            $.messager.alert('提示消息', '獎懲分數請輸入數字!', 'warning');
            document.getElementById("rewardScore").value = "";
        }
    }</span>


        以上代碼中使用RegExp對象。RegExp對象表示正則表達式,是對字符竄執行模式匹配的強大工具。在這里我們使用了RegExp對象的test方法,用來檢測文本框中的輸入值是否和規定正則表達式對象匹配。

        由於我的是添加頁面,可以全部輸入完畢之后,點擊確定再去判斷。如果想要實時的對輸入的內容進行判斷,可以通過在頁面上面加入以下代碼即可。


<span style="font-size:18px;"> <p>
        獎懲分數:
       <input class="easyui-validatebox" required="true" missingmessage="獎懲分數不能為空" id="rewardScore" name="rewardScore" onkeyup="value=value.replace(/[^[0-9]+([.]{1}[0-9]+){0,1}$)" />
</p></span>


總結

       所有的功能都不是一下就能做好或者是敲定的,我們需要一步步的去完善,把自己當成一個用戶,站在用戶的角度思考這些功能,我們就能做出更全心全意為人民服務的軟件。在解決問題的道路上,可能查了半天這個方法都行不通,但是我們不能氣餒,走不通只能證明這個問題,你研究可能還不夠,要相信方法總比問題多!




注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com