色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery 驗證兩位小數

錢衛國1年前8瀏覽0評論

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有豐富的插件可以使用,可以通過查看文檔來快速學習并應用在項目中。希望對大家有所幫助!