jQuery val（）メソッドが機能していない

Question

私は、このHTMLフォームのテキストボックスに入力された値を読みたいと思っていましたが、これはjQuery val()メソッドを試しましたが、

HTML：

<form method="POST" id="payment-form"> 
    <p> 
     <label class="card-number" for="txt_cardno"><span>Card Number:</span></label> 
     <input type="text" size="20" autocomplete="off" class="card-number" id="txt_cardno" name="cardno" /> 
    </p> 
    <p class="submit submit-button"><a class="btn" href="#">Charge Card</a><br><a class="btn" href="#" onClick="return false">Go Back</a></p> 
    <div class="clear"></div> 
</form> 

Javascriptを：

$(document).ready(function() { 
    $(".submit").live("click", function(e) { 
     e.preventDefault(); 
     var card_num = $('.card-number').val(); 
     alert(card_num); 
    }); 
}); 

jsfiddleあなたは<label>と<input>"card-number"クラスの両方を与えてくれたhttp://jsfiddle.net/74neK/1/

Answer 1

を（高速）：

var card_num = $('#txt_cardno').val(); 

Answer 2

です。

セレクタでinputを指定します。そうでない場合は、.val()は、最初に見つかった要素の値を返します（label）。

var card_num = $('input.card-number').val(); 

http://jsfiddle.net/74neK/3/

---

あなたはマイクロ最適化と本当に心配している場合は、ネイティブメソッドを使用する必要があります。それにアクセスするためのIDを使用し

var card_num = (document.getElementById('txt_cardno')||{}).value; 

http://jsfiddle.net/74neK/5/

Answer 3

あなた<label> jQueryのしようと、あなたの<label>の値を取得するために失敗しているので、Sさんclassはあなた<input>と同じである "と。その代わり、nameまたはidして<input>を参照してください：jQueryのははるかに高速ですdocument.getElementById、それを最適化しているため

$('#txt_cardno').val() 

私は関係なく、IDをお勧めします。

Answer 4

classとは反対に、あなたの入力要素のidを選択：http://jsfiddle.net/btgxu/

Answer 5

を要素にアクセスするためのIDを使用してみてください：

var card_num = $('#txt_cardno').val(); 

http://jsfiddle.net/74neK/4/ < - 例