0

入力テキストフィールドとボタンがあります。テキスト フィールドが空の場合、ボタンは無効になります。フィールドが入力されると、ボタンが有効になります。次のコードを試してみましたが、正しく動作しません助けてください!

$(document).ready(function(){
$("#wmclrsrch").attr("disabled", "disabled");

if ( $('#search_number').is(":empty") ) {
    alert ("verdadeiro");
    $("#wmclrsrch").attr("disabled", true);
}
$('#wmsearch').click(function(){
    $("#wmclrsrch").attr("disabled", false);
    $("#wmclrsrch").attr("enabled", true);
});

});

HTML は次のとおりです。

<form id="form">
   <label for="search_number">Mobile Number:</label>
   <input id="search_number" type="text" />
   <button id="wmclrsrch">Clear Search</button>
</form>

前もって感謝します、

4

3 に答える 3

1

keyupイベントをリッスンしてpropメソッドを使用できます。

$(document).ready(function(){ 
    $('#search_number').keyup(function(){
        $("#wmclrsrch").prop("disabled", !this.value.length);    
    }).keyup();
});
于 2013-02-15T14:43:47.427 に答える
0

keyupeventを使用して入力テキストを確認します。

$('#search_number').keyup(function(){
    if($(this).val() != '')
    {
        //Eneable your button here
    }
    else
    {
        //Disable your button here
    }
});
于 2013-02-15T14:43:01.960 に答える
0

次のスクリプトを試すことができます。

<script>
/*
 *
 * A tiny jQuery plugin that could control the button's state
 *
 * code from https://github.com/jvyyuie/snbutton
 *
 */
var SNButton = {
    init: function(e) {
        var snnode = "#"+$("#"+e).data("snnode");
        $("#"+e).attr("disabled", ""==$(snnode).val());
        $(snnode).on('input propertychange', function() {
            $("#"+e).attr("disabled", ""==$(snnode).val());
        });
    }
}
</script>

<input id="textinput" />
<button id="btn" data-snnode="textinput">Button</button>

<script>
SNButton.init("btn");
</script>

一部の入力フィールドが空のときにボタンを無効にする、非常にシンプルな jquery プラグインです。

于 2017-08-07T20:04:38.050 に答える