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

Question

I want to validate or ensure that user inputs just one word in my HTML text field using JavaScript. Any help?

maybe this link can help you http://stackoverflow.com/questions/18679576/counting-words-in-string — Omid Behrouzi, Jul 25 '15 at 08:23

score 1 · Accepted Answer · answered Jul 25 '15 at 08:24

1

Suppose if user string is say in javascript variable

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.

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

answered Jul 25 '15 at 08:24

Sagar

642
3
14

1

Better use `input.split(/\s/);` – jcubic Jul 25 '15 at 08:55

score 1 · Answer 2 · edited May 23 '17 at 12:32

<!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.

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

2 Answers2