javascript - jqueryでテキストフィールドの空白をチェックする方法

Question

フォームがあります。ユーザーが空白を入力するかどうかを確認するように検証を入れたいです。空白の場合、エラーが表示されます。どうすればこれを行うことができますか?

Answer 1

ユーザーの入力文字列全体に空白があるかどうかを検出したい場合は、

var str = $("input").val();
if( str.indexOf(" ") !== -1 )
{
    alert("bad input");
}

例: http://jsfiddle.net/pYquc/

Answer 2

jQuery.trim(str)空白またはタブを削除するものを使用すると、検証できます。

http://api.jquery.com/jQuery.trim/

Answer 3

Try this usong javascript:
var v = document.form.element.value;
var v1 = v.replace("","");
if( v1.length == 0){
 alert("error");
}

OR you can use following functions:

 // whitespace characters
      var whitespace = " \t\n\r";

      /****************************************************************/

      // Check whether string s is empty.
      function isEmpty(s)
      { return ((s == null) || (s.length == 0)) }

      /****************************************************************/

      function isWhitespace (s)
      {
           var i;

           // Is s empty?
           if (isEmpty(s)) return true;

           // Search through string's characters one by one
           // until we find a non-whitespace character.
           // When we do, return false; if we don't, return true.

           for (i = 0; i < s.length; i++)
           {
                // Check that current character isn't whitespace.
                var c = s.charAt(i);

                if (whitespace.indexOf(c) == -1) return false;
           }

           // All characters are whitespace.
           return true;
      }

Answer 4

function doValidations(){
   if(jQuery.trim( $(".className").val())==""){
     alert("error message");
     return false;    
   }else{
     return true;
   }
}

<input type="submit" onclick="return doValidations();">