JQuery Disits驗(yàn)證是一種用于驗(yàn)證數(shù)字格式的工具。它可以驗(yàn)證數(shù)字是否符合以下要求:
- 數(shù)字必須僅包含數(shù)字字符。
- 可以包含正號(hào)或負(fù)號(hào),但僅能出現(xiàn)在數(shù)字開(kāi)頭。
- 可以包含小數(shù)點(diǎn),但小數(shù)點(diǎn)只能出現(xiàn)一次。
- 小數(shù)點(diǎn)后必須至少有一位數(shù)字。
使用JQuery Disits驗(yàn)證非常簡(jiǎn)單,只需要以下兩個(gè)步驟:
- 載入jquery.validate.js和additional-methods.js文件。
- 使用JQuery validate()函數(shù)并添加digits驗(yàn)證規(guī)則。
<script src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/additional-methods.min.js"></script>
$(document).ready(function() { $("#myform").validate({ rules: { mynumber: { digits: true, } }, messages: { mynumber: { digits: "請(qǐng)輸入數(shù)字。" } } }); });
在上面的代碼中,我們已經(jīng)在規(guī)則對(duì)象中添加了digits驗(yàn)證規(guī)則。如果您想把驗(yàn)證結(jié)果放到HTML元素中,可以添加相應(yīng)的信息到messages對(duì)象中。在本例中,我們將錯(cuò)誤信息設(shè)為"請(qǐng)輸入數(shù)字。"
現(xiàn)在,數(shù)字輸入框?qū)⒅粫?huì)接受合法的數(shù)字輸入。如果用戶輸入非數(shù)字字符或非法格式的數(shù)字,validate()函數(shù)會(huì)阻止表單提交并顯示錯(cuò)誤信息。