jquery - テキスト フィールドのアラート フィールド値

Question

数字を入力するためのテキスト フィールドがあります。テキストフィールドに入力した数字を警告したい。私のHTMLは：

<input id="search_number" type="text" name="numbers" />
<button id="wmsearch">Search</button>

そしてJSは：

var sn = ($('#search_number').val());
$('#wmsearch').click(function(){
if(sn != 1234567890){
alert(sn);
}else
{
alert('equal');
}
});

うまくいきません...

Answer 1

これを試して：

$('#wmsearch').click(function () {
    var sn = $('#search_number').val();
    if (sn != 1234567890) {
        alert(sn);
    } else {
        alert('equal');
    }
});

Answer 2

クリック イベント ハンドラval()で ofを取得する必要があります。$('#search_number')

$('#wmsearch').click(function() {
    var sn = $('#search_number').val();

    if(sn != 1234567890) {
        alert(sn);
    } else {
        alert('equal');
    }
});

Answer 3

これを試して

  $('#wmsearch').click(function(){
    var sn = $('#search_number').val();//you don't need extra bracket here
    if(sn != 1234567890){
      alert(sn);
    }else
    {
       alert('equal');
    }
  });

Answer 4

jQuery オブジェクトをイベント ハンドラー#search_numberの外部に保持できますが、その内部で値を取得できます。clickこれを行うと、クリックごとに 1 つの DOM 呼び出しを節約できます。

また、 を使用して文字列を整数に解析することを忘れないでくださいparseInt。

var $search_number = $('#search_number');
$('#wmsearch').click(function(){
    var sn = parseInt($search_number.val(), 10);

    if(sn != 1234567890){
        alert(sn);
    } else {
        alert('equal');
    }
});

---

そうは言っても、?:条件演算子を使用してスクリプトを簡素化できます。

var $search_number = $('#search_number');
$('#wmsearch').click(function(){
    var sn = parseInt($search_number.val(), 10);
    alert( (sn == 1234567890) ? "equal" : sn );
});

ここで実際の例を参照してください。