2017-02-24 48 views
0

什麼是簡單的Javascript方式來驗證「金額」字段,以確保用戶不會在html表單字段中添加$美元符號。

+0

添加一個'change'事件處理程序,用於測試該字段的值並刪除任何美元符號或顯示錯誤消息。 – nnnnnn

+0

我知道如何檢查表單域是否爲空,但不能確定格式是否正確,以檢查是否添加了$,然後提示 – Cathy

+0

如果該值在變量fieldValue中,則if(/ \ $ /。test fieldValue)){alert(「有一個美元符號」)}'使用正則表達式對其進行測試。或者if(fieldValue.indexOf(「$」)> -1)'如果你不懂正則表達式的話。 – nnnnnn

回答

0

簡單的方法:使用<input type="number"/>


它的廣泛支持,也不會允許非數字輸入。

+0

我已經使用並測試過但它很醜,而且由於我們的表單與一些計算工作不同,所以上下數字不起作用。我只是在改變這種舊的形式,因爲PayPal不再允許我們將$傳遞給他們的新cgi腳本。 – Cathy

+1

使用此CSS來隱藏輸入類型號碼 input [type =「number」] :: - webkit-outer-spin-button, input [type =「number」] :: - webkit-inner-spin - 按鈕-webkit-appearance:none; margin:0; } input [type =「number」] { -moz-appearance:textfield; } –

+0

因爲我喜歡簡單的最好的 - 我只是不知道 Cathy

0

一個簡單的解決方案是簡單地使用<input type="number"/>

替代

假設輸入字段爲 「$ 45」。假設它存儲爲一個字符串,我們可以遍歷每個字符來查找美元($)符號,如果它不存在,那麼用戶輸入正確的值。

算法。

function isDollarExist(input){ 
    for(var i = 0; i < input.length; i++){ 
    if(input.charAt(i) === '$') return true; 
    } 
    return false; 
} 
0

您可以使用正則表達式。

var dollarInput = '$100'; 
var numberInput = '100'; 

/\$/.test(dollarInput); // True 
/\$/.test(numberInput); // False 
+1

不需要'g'標誌。 – nnnnnn

相關問題