Jquery是一個非常流行的JavaScript庫,可以為 Web 開發人員提供方便快速的開發功能。JQuery通過讓各種操作變得簡單,而且當然是最重要的加快了 JavaScript 的開發速度。在 Web 站點上實現數據驗證通常是一個基本的前端任務,下面我們就來講解如何使用 JQuery 驗證兩位小數。
// 只允許2位小數 // 正則表達式,只允許兩位小數 $.validator.addMethod('decimalTwo', function (value, element) { var decimalTwo = /^(([1-9]\d*)|\d)(\.\d{1,2})?$/; return decimalTwo.test(value); }, '只能輸入兩位小數'); // 驗證表單 $('#form').validate({ rules: { input: { required: true, decimalTwo: true } }, messages: { input: { required: '此項必填' } }, errorPlacement: function (error, element) { // 錯誤信息視覺效果 $(element).parents('.form-group').find('.error-message').html(error); }, highlight: function (element) { // 錯誤信息視覺效果 $(element).addClass('is-invalid'); }, unhighlight: function (element) { // 正確信息視覺效果 $(element).removeClass('is-invalid'); } });
代碼分為兩個部分,第一個部分就是驗證輸入框只能輸入兩位小數的正則表達式。其中`/^(([1-9]\d*)|\d)(\.\d{1,2})?$/`表示最多只能有兩位小數。第二個部分是具體的表單驗證代碼,其中使用到了`validator`插件。
以上就是使用 JQuery 驗證兩位小數的方法了。JQuery有豐富的插件可以使用,可以通過查看文檔來快速學習并應用在項目中。希望對大家有所幫助!
上一篇vue檢查不了版本