当用户按提交时停止表格空格

好的，所以我有一个表格。应用了一个函数。当用户按提交时停止表格空格

我想要做的就是当表单被提交时启动函数，它检查是否有空白并抛出一条消息。我有以下几点：

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很陌生。所以请温柔。

来源

2017-03-28 AK1991IT

我不确定我是否理解，但您可能会考虑.trim（） – Ronan

在测试之前修剪字符串。

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

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

来源

2017-03-28 16:13:41 Barmar

我已经做了同样的功能，我添加了另一个检查（包括检测倍数空格的正则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仍然是上是相同的

来源

2017-03-28 16:48:41 TriForce

您是否可以在没有jQuery框架的情况下提供此功能？这对我不起作用。 – AK1991IT

当然，现在我已经更新了示例，函数'checkEmpty'仍然是相同的，我只是改变了下面的jquery的东西:) – TriForce

当用户按提交时停止表格空格

回答

相关问题