Question

好的，我有一张表格。应用了一个功能。

我想要做的就是在提交表单时启动该功能，它会检查是否有空格并抛出一条消息。我有以下内容：

＆＃13;

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

＆＃13;

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

＆＃13;

如果有人按下空格键并输入一行空格，这很好，但是如何编辑这个函数，这样无论用空格键输入多少空格，它总是会丢回警报。

提前致谢。我是JavaScript的新手。所以请温柔。

Answer 1

在测试之前修剪字符串。

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

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

Answer 2

我已经为此做了一个函数，我添加了另一个检查（包括一个常规表达式来检测多个空格）。所以这是代码：

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仍然相同

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

2 个答案: