jQuery Validate限定輸入數字大小的範圍
本章節介紹一下如何設定輸入數字的大小範圍。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> ul li{ list-style:none; margin-top:5px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/jquery.validate.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/messages_zh.js"></script> <script> $(document).ready(function () { $("#one").validate({ rules: { age: { required: true, range:[18,40] }, num: { required: true, min: 12 }, score: { required: true, max: 100 } }, messages: { age: { required: "年齡必須填寫", range: "年齡必須介於18-40之間" }, num: { required: "數目為必填", min: "數目最少為12" }, score: { required: "分數為必填", max: "不得高於100分" } } }); }); </script> </head> <body> <form id="one"action="http://www.softwhy.com/"> <ul> <li>年齡:<input type="text" name="age"/></li> <li>數目:<input type="text" name="num" /></li> <li>分數:<input type="text" name="score"/></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> </form> </body> </html>
上面的程式碼實現了限定功能,非常的簡單不多介紹。
相關文章
- jQuery Validate限定輸入字串的長度jQuery字串
- Python限制輸入數字的範圍常用方法!Python
- JavaScript 拖拽限定範圍JavaScript
- jQuery Validate限定核取方塊選中的數目jQuery
- JavaScript 限定範圍的拖拽效果JavaScript
- JavaScript 限定範圍拖動效果JavaScript
- 限定文字框只能輸入數字例項程式碼
- jQuery Validate限定上傳檔案的格式型別jQuery型別
- 【EXPDP】使用expdp的QUERY引數限定備份資料的範圍
- Elasticsearch聚合學習之三:範圍限定Elasticsearch
- div拖動範圍限定在指定元素內
- C C++變數型別大小和範圍C++變數型別
- Windows Phone開發之輸入範圍InputScope的使用Windows
- 專案範圍管理各過程的輸入輸出關係
- jquery簡單生成指定範圍隨機數效果jQuery隨機
- jQuery Validate驗證上傳檔案大小jQuery
- jQuery實現的文字輸入字數倒計效果程式碼jQuery
- jQuery滑鼠拖動調整數字大小jQuery
- 關於運放的共模輸入範圍和輸出擺幅
- input 輸入框只能輸入數字
- jQuery文字框輸入數字彈出格式化層jQuery
- jquery實現的規定文字框只能輸入數字可以包括小數jQuery
- 規定文字框只能夠輸入數字包括小數的jQuery程式碼jQuery
- Vue只能輸入數字Vue
- 【警惕】強化關聯更新時where子句範圍限定意識
- 可以限定拖動範圍的彈出視窗效果程式碼例項
- 基礎 變數的作用範圍變數
- 繫結變數的使用範圍變數
- 文字框限制輸入字數的JSJS
- 6-1 使用函式輸出指定範圍內Fibonacci數的個數函式
- wpf中DatePicker控制元件只能輸入年月,只能輸入年份,限制日期選擇範圍控制元件
- 限制HTML的input只能輸入數字、英文、漢字...HTML
- 6-3 使用函式輸出指定範圍內的完數 (20分)函式
- C語言——使用函式輸出指定範圍內的Fibonacci數C語言函式
- jQuery Validate success()jQuery
- Jquery--ValidatejQuery
- jQuery Validate的format()用法jQueryORM
- 生成某個範圍的隨機數隨機