JQuery Number是一款強大的數(shù)字格式化和驗證插件,它能夠方便地處理各種數(shù)字格式和驗證。特別是當(dāng)需要限制一個輸入框只能輸入大于0的數(shù)字時,JQuery Number就尤為實用。
$(document).ready(function(){ // 對輸入框綁定操作 $("#inputBox").number(true, 2, ".", ""); // 添加一個驗證規(guī)則,只可輸入大于0的數(shù)字 $.validator.addMethod("positiveNumber", function(value, element) { return value >0; }, "請輸入大于0的數(shù)字!"); // 對輸入框進(jìn)行驗證 $("#inputBox").rules("add", {positiveNumber: true}); });
以上代碼中,我們使用了JQuery Number插件和JQuery Validation插件。當(dāng)用戶在輸入框中輸入數(shù)字時,JQuery Number插件會將其格式化為帶有兩位小數(shù)的小數(shù)或整數(shù),并且會在必要的時候自動添加小數(shù)點。
同時,我們通過JQuery Validation插件添加了一個名為“positiveNumber”的驗證規(guī)則。這個驗證規(guī)則用于驗證用戶輸入的數(shù)字是否大于0。如果用戶輸入了小于或等于0的數(shù)字,輸入框?qū)崾尽罢堓斎氪笥?的數(shù)字!”。
這樣,當(dāng)用戶嘗試輸入小于或等于0的數(shù)字時,就會彈出驗證提示,提醒用戶輸入符合要求的數(shù)字。
下一篇淘寶css限制