表單中具有多個空格的html驗證失敗

Question

我有一個“必填”表格。 然后，我將進行驗證以檢查不允許的字符。 除非輸入多個空格，然后驗證為確定，否則此方法有效。 我在javascript驗證中執行此操作：

var isGoodMatch = myform.match(/^[0-9\s(-)]*$/);
if (!isGoodMatch) {
   alert("The Emergency Contact number contains invalid characters." + myform);
   return false;
}

Answer 1

查找不好的東西，修整值，並驗證長度：

var badMatchExpression = /[^0-9\s\(\)-]/,
    trimmed = myform.trim();

if(!trimmed.length || trimmed.match(badMatchExpression)){
    alert("The Emergency Contact number contains invalid characters." + myform);
    return false;
}

Answer 2

在表單元素上使用HTML5輸入驗證模式和/或required屬性。

在向服務器提交（POST / PUT）之前，請運行其他js腳本，檢查input.value !== '' 。 像這樣：

var myInput = document.getElementById('my-input');
if(myInput.value !== ''){
  //Good to go now
}

Answer 3

我可能會誤解需求，但我相信您需要一個大寫的S而不是小寫的s。

var num = '(425)-55 1-5555';
var regex = new RegExp(/^[0-9\S(-)]*$/);
var isGood = regex.test(num);
console.log(isGood);

小提琴：

https://jsfiddle.net/taylorackley/he5Loqu7/5/