驗證以檢查用戶是否輸入了正確的格式

Question

我有一個動態網格，其中有一個數字字段，我在其中應用了掩碼。 它還有一個加號按鈕，意味着用戶可以根據需要添加許多行。 屏蔽是這樣應用的：

<input  type='textbox' placeholder='00000-00-000' data-mask='00000-00-000' 

當用戶輸入 10 位數字時應用此屏蔽，但它也允許用戶輸入 2 或 3 位數字。 為此，我嘗試在保存時應用驗證，以便檢查輸入的值是否與所需格式匹配。

到目前為止我所做的是：

  value = $(this).find('td:eq(1)').find('input').val();  //saves the entered value in a variable value
               
                myRegExp = new RegExp(/\d{5}-\d{2}-\d{3}/);
               
                if (!myRegExp.test(value)) {
                    valid = false;
                }
                else
                    valid = true;

用戶輸入的值保存在名為 value 的變量中，然后我定義了我的正則表達式以將我的值與該表達式匹配，但不知何故，這個正則表達式不起作用。 這是定義正則表達式的正確方法嗎？ 我在這里想念什么？ 我要求的格式是 00000-00-000。 任何幫助，將不勝感激。

Answer 1

您的邏輯是正確的，但您尚未定義終點，這就是它允許插入更多值的原因。

在您的正則表達式中，它僅檢查 10 位數字是否按特定順序

試試這個

myRegExp = new RegExp(/^\d{5}-\d{2}-\d{3}$/);