首頁猿問正則表達式驗證接受百分比值

正則表達式驗證接受百分比值

JavaScript

翻過高山走不出你 2023-08-18 14:02:22

我正在使用正則表達式來驗證用戶數據的輸入數據應該是帶小數或不帶小數的百分比，所以我使用了正則表達式，但它不起作用，并且在控制臺中沒有顯示錯誤我想知道是否沒有錯誤，為什么這個腳本不起作用？預期輸出（僅允許以下格式）：數字可以是 1-10012.5% // 1 -100 之間的任意數字12%12.45%$('#percentage').bind('keydown keypress keyup', on);function on(evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); var regex = /^((100)|(\d{1,2}(\.\d*)?))%$/; if( !regex.test(key) ) { theEvent.returnValue = false; if(theEvent.preventDefault) theEvent.preventDefault(); }}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>Percentage : <input type="text" id="percentage" />

查看完整描述

3 回答

月關寶盒

TA貢獻1772條經驗獲得超5個贊

為了驗證輸入，您應該監聽keyup事件并檢查輸入的值以及按下的鍵。

const main = () => {

$('#percentage').bind({

focusin: onFocusIn,

keyup: onChange

});

};

const onFocusIn = (e) => {

const $target = $(e.currentTarget);

$target.data('val', $target.val());

};

const onChange = (e) => {

const regex = /^((100)|(\d{1,2}(\.\d*)?))%?$/,

$target = $(e.currentTarget),

value = $target.val(),

event = e || window.event,

keyCode = event.keyCode || event.which,

isValid = value.trim().length === 0 ||

(keyInRange(keyCode) && regex.test(value));

if (!isValid) {

$target.val($target.data('val'));

event.preventDefault();

} else {

$target.data('val', value);

}

};

const keyInRange = (keyCode) =>

(keyCode >= 48 && keyCode <= 57) || /* top row numbers */

(keyCode >= 96 && keyCode <= 105) || /* keypad numbers */

(keyCode === 110 || keyCode === 190) || /* decimal separator */

(keyCode === 53) || /* percentage */

(keyCode === 8 || keyCode === 46); /* back-space and delete */

main();

Percentage:

</label>

反對回復 2023-08-18

元芳怎么了

TA貢獻1798條經驗獲得超7個贊

我假設您正在尋找簡單的方法來進行價值檢查并擱置事件。我收集您需要檢查值是否有％符號，其次除了％符號之外的值是否是小數值的數量?，F在，這本身就是兩個條件。

條件一檢查

if (!n.includes("%")||n.split('.').length > 2){return;}

它是正則表達式的短路替代品，用于檢查字符串是否包含您需要在其中出現的值。if 它不只是返回函數。最重要的是，它還快速檢查字符串僅包含單個 . 我們不希望有人達到 5.5.5.5.5%。if 它不只是返回函數。5% 可以，5.5% 也可以。

一旦出現 % 符號性別歧視，則從值中刪除 % 符號。

完成后，進行簡單的檢查，Math.ceil(parseFloat(x))它所做的就是將值四舍五入。如果返回數字wala，它起作用了，我剛剛創建了一個警報，您可以從那里做任何您想做的事情。

function check(n){

if (!n.includes("%")||n.split('.').length > 2){return;}

x = n.replace("%", "");

if(Math.ceil(parseFloat(x))) {console.log(x); }

}

反對回復 2023-08-18

撒科打諢

TA貢獻1934條經驗獲得超2個贊

您需要檢查文本框的值#percentage，而不僅僅是最后按下的鍵。

所以： if (!regex.test($('#percentage').value())) {

或類似的規定

反對回復 2023-08-18

3 回答
0 關注
270 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

正則表達式驗證接受百分比值

正則表達式驗證接受百分比值

3 回答

添加回答