用于验证输入中输入的最少单词的 JavaScript 脚本

Question

我真的不知道该怎么做。所以我需要一个 JavaScript 脚本来查看联系表单字段（问题名称），并确保在提交之前它有多个单词。

<input type="text" name="question[name]" id="question_name">

我确实搜索了很多，找到了一些解决方案，但没有一个真正有效。

你能帮帮我吗？

Answer 1

<input type="text" name="question[name]" id="question_name" onblur="this.value.split(' ').length < 2 ? alert('you need more words here') : '';" />

jsfiddle

---

编辑以改进它：

HTML 代码：

<p>
    <input type="text" name="question[name]" id="question_name" onblur="CheckErrors.Name(this);" />
    <span class="error"></span>
</p>

JS代码：

var CheckErrors = {

    Config: {
        Error_Strings: {
            Name: 'you need more words here',
            Email: 'the email looks invalid'
            //, ....
        }
    },

    Name: function(element){
        try{
            var error_target = element.nextElementSibling;
            if( element.value.split(' ').length < 2 ){
                error_target.textContent = this.Config.Error_Strings.Name;
            }
            else{
                error_target.textContent = '';
            }
        }
        catch(e){
            console.log(e.stack);
        }
    }

    //, Email: function(element){}....
};

Answer 2

这里有一个小提琴http://jsfiddle.net/6q8jJ/4/

html

<input type="text" name="question[name]" id="question_name">
<button onclick="validate();">send</button>

js

function validate(){

    var error = 0,
    el = document.getElementById("question_name");

    if(el.value.replace(/\s+/g, '').length <= 1){ //get value, remove all whitespace, get length
        error++;
    }

    /*
    * etc
    * your other validation
    */


   if(error > 0) {
       alert('mhh...');
   }else{
       alert('ok send for real');
   }

}