2

スクリプトはこちら

    $(document).ready(function(){

        $("#txt").click(function(){

            var text = $("#test").val()
            var comparingText = "hi"

            if (text == comparingText){

                alert( $("#test").val());

            });

        });
    });

HTMLはこちら

<input type="text" id="test"/><br>
<input type="button" id="txt" value="Submit" />

したがって、基本的に私が望むのは、誰かがテキストボックスに「こんにちは」と入力して送信ボタンを押すと、「こんにちは」の警告メッセージがポップアップすることです。これはかなり単純であるべきだと思いますが、私は文字通りどこでも見てきましたが、これを機能させる方法を理解できません。

4

4 に答える 4

2

コードは次のとおりです。

 $(document).ready(function(){

        $("#txt").click(function(){

            var text = $("#test").val();
            var comparingText = "hi";

            if (text == comparingText){

                alert( $("#test").val());

            }

        });
    });
于 2013-08-27T19:28:03.960 に答える
1 
$(document).ready(function(){
    $("#txt").click(function(){
        var text = $("#test").val();
        var comparingText = "hi";

        if (text === comparingText){
            alert( $("#test").val());
        }
    });
});

これを見てください: http://jsfiddle.net/tS2m3/。

JavaScript コードを修正するだけで問題ありません。

于 2013-08-27T19:30:07.920 に答える
1

いくつかの構文エラーがあります。修正されたコードは次のとおりです。

$(document).ready(function () {
    $("#txt").click(function () {
        var text = $("#test").val();
        var comparingText = "hi";
        if (text == comparingText) {
            alert($("#test").val());
        }
    });
});

フィドル: http://jsfiddle.net/UY3A6/

「hi」と .val() の後にセミコロンがありませんでした。余分な ); もありました。if ステートメントの終了 "}" の後。

于 2013-08-27T19:24:46.563 に答える
0 
<section id="input-section">
    <legend>Input section</legend>
    <input type="text" id="test-input"/><br>
    <input type="button" id="submit-button" value="Submit" />
</section>

var SimpleModule = (function($){

    var _$inputSection = $('#input-section');
    var _$testInput = $('#test-input');

    var HI_CONST = 'HI';

    var _sayHiEvent = function(){
        var text = $.trim(_$testInput.val());

        if(text && text.toUpperCase() === HI_CONST){
            alert(text);
        }
    };

    var _bindEvents = function(){
        _$inputSection.on('click', '#submit-button', _sayHiEvent);
    };

    var init = function(){
        _bindEvents();
    };

    return {
        init : init
    };

})(jQuery);

/* Or include before </body> tag */
$(function(){
    SimpleModule.init();
});
于 2013-08-27T19:42:57.573 に答える