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是http://jsfiddle.net/74neK/1/

Answer 1

使用id访问它(更快):

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