當用戶按提交時停止表格空格

Question

好的，所以我有一個表格。應用了一個函數。

我想要做的就是當表單被提交時啓動函數，它檢查是否有空白並拋出一條消息。我有以下幾點：

function empty() { 
 
    var x; 
 
    x = document.getElementById("Username").value; 
 
    if (x == "") { 
 
    alert("Please ensure you fill in the form correctly."); 
 
    }; 
 
}

<input type='submit' value='Register' onClick='return empty()' /> 
 
<input type='text' id="Username" />

這是正常的，如果有人按下空格鍵一次，進入空白的一條線，但我如何編輯功能，使得無論多少使用空格鍵輸入空白的空格，它將始終返回警報。

在此先感謝。我對JavaScript很陌生。所以請溫柔。

Answer 1

在測試之前修剪字符串。

x = document.getElementById("Username").value.trim(); 

這將刪除值的開始和結尾的任何空格。

Answer 2

我已經做了同樣的功能，我添加了另一個檢查（包括檢測倍數空格的正則expresion）。因此，這裏是代碼：

function checkEmpty(field){ 
    if (field == "" || 
     field == null || 
     field == "undefinied"){ 

     return false; 
    } 
    else if(/^\s*$/.test(field)){ 
     return false; 
    } 
    else{ 
     return true; 
    } 
} 

下面是使用jQuery的例子：https://jsfiddle.net/p87qeL7f/

這裏是純JavaScript的例子：https://jsfiddle.net/g7oxmhon/

注：此功能checkEmpty仍然是上是相同的