简体   繁体   English

如何使用Java脚本验证html文本字段以确保文本字段中包含的单词不超过一个

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

I want to validate or ensure that user inputs just one word in my HTML text field using JavaScript. 我想验证或确保用户使用JavaScript在我的HTML文本字段中仅输入一个单词。 Any help? 有什么帮助吗?

Suppose if user string is say in javascript variable 假设在javascript变量中说了用户字符串

var input; // store user input

then use string split function on white space 然后在空格上使用字符串拆分功能

var len =input.split(" ");

then if lenght of array 'len' is greater than 1 that means user entered more than one word. 那么如果数组“ 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>

And, with out using alert refer. 并且, 无需使用警报参考。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM