jquery - 如果文本框的值等于特定字符串（jquery），如何执行某些代码

Question

脚本在这里

    $(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" />

所以基本上我想要的是，如果有人在文本框中输入“hi”并按下提交按钮，应该会弹出一条带有“hi”的警报消息。我觉得这应该很简单，但我确实到处都看过，无法理解如何使这项工作。

Answer 1

代码应该是：

 $(document).ready(function(){

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

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

            if (text == comparingText){

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

            }

        });
    });

Answer 2

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

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

看看这个：http: //jsfiddle.net/tS2m3/。

只需修复您的 JavaScript 代码就可以了。

Answer 3

你只是有一些语法错误。这是更正后的代码：

$(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 语句的结束“}”之后。

Answer 4

<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();
});