私はこれは私のHTMLボタンコードである第二の条件

Question

を検証カント

<div class="form-group"> 
    <label>Name</label> 
    <input type="text" class="form-control" name="name" /> 
    <div class="help-block with-errors" style="font-size:12pt">Input Only Alphabet</div> 
</div> 
<input class="btn btn-primary" type="submit" value="SUBMIT" id="button1 style="height:50px; width:100px" /> 

これは私の問題は、私は唯一の最初の条件を検証することができている私のjQueryの

<script type="text/javascript"> 
    $("#button1").click(function(){ 
     if($("#name").val() == null) 
      alert("haha"); 

     if($("#name").val() == [a-z]) 
      alert("zzzz"); 
    }); 
</script> 

です。たびに私は2番目の条件を試してみてください。誰もが私の問題は何かを見るのを助けることができますか？

Answer 1

これは無効な構文^*です：

if($("#name").val() == [a-z]) 

あなたが正規表現であなたがやりたいことができます：

if($("#name").val().test(/^[a-z]$/)) 

追加^と$はちょうどそれをする要素の値が必要です1文字、それの前後に何もない。

第2に、inputにはidという属性がないため、jQueryは$("#name")で何も見つかりません。

<input type="text" class="form-control" name="name" id="name"/> 
                ^^ 

---

^*技術的に、それは実際には正しい構文ですが、全く別の何かのために：それは、変数をアップになります と Zそれが機能するためには、あなたの入力要素は id="name"を持っている必要がありますそれらを減算し、その結果を単一要素の配列リテラルに使用すると、期待される結果は得られません。