用户按下提交时停止表单空白

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();

这将删除值开头和结尾的任何空格。