如何使用java脚本验证html文本字段，以确保文本字段中包含的单词不超过一个 - how to validate html text field using java script to ensure no more than one word contain in text field

how to validate html text field using java script to ensure no more than one word contain in text field

我想验证或确保用户使用JavaScript在我的HTML文本字段中只输入一个单词。有什么帮助吗？

假设用户字符串在javascript变量中

var input; // store user input

然后在空白上使用字符串分割函数

var len =input.split(" ");

如果数组'len'的长度大于1，则意味着用户输入了多个单词。

if(len.length > 1)
// print message

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="" method='post'>
        <input type='text' name='my-field' id='my-field' />
        <input type='submit' name='submit' value='Submit' />
</form>
<script>
    var element = document.getElementById('my-field');
    element.onblur = function() {
        var value = element.value.trim();
        if (value.indexOf(' ') > -1 ) {
            alert('do not use space');
            element.focus();
        }
     }
</script>
</body>
</html>

而且，在没有使用警报的情况下，请参阅。