如果textbox的值等于特定字符串，如何执行特定代码（jquery）

这里的脚本

    $(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”的警告消息。我觉得这应该是相当简单的，但我已经到处找过了，不知道该怎么做。

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

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

小提琴：

---

“hi”和.val（）之后缺少分号。你也有一个额外的）；在if语句结束“}”之后，

只会出现一些语法错误。以下是更正后的代码：

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

小提琴：

“hi”和.val（）之后缺少分号。你也有一个额外的）；在if语句的结束“}”之后，

代码应该是：

 $(document).ready(function(){

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

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

            if (text == comparingText){

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

            }

        });
    });

代码应为：

 $(document).ready(function(){

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

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

            if (text == comparingText){

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

            }

        });
    });

看看这个：

只要修复JavaScript代码就可以了

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

看看这个：

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

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

输入段


变量SimpleModule=（函数（$）{
var$inputSection=$（'inputSection'）；
var$testInput=$（“#测试输入”）；
var HI_CONST='HI'；
var_sayHiEvent=函数（）{
var text=$.trim（$testInput.val（））；
if（text&&text.toUpperCase（）==HI_CONST）{
警报（文本）；
}
};
var_bindEvents=函数（）{
_$inputSection.on（'click'、'submit button'、'u sayHiEvent'）；
};
var init=函数（）{
_bindEvents（）；
};
返回{
init:init
};
})（jQuery）；
/*或在标签前包含*/
$（函数（）{
SimpleModule.init（）；
});

输入段


变量SimpleModule=（函数（$）{
var$inputSection=$（'inputSection'）；
var$testInput=$（“#测试输入”）；
var HI_CONST='HI'；
var_sayHiEvent=函数（）{
var text=$.trim（$testInput.val（））；
if（text&&text.toUpperCase（）==HI_CONST）{
警报（文本）；
}
};
var_bindEvents=函数（）{
_$inputSection.on（'click'、'submit button'、'u sayHiEvent'）；
};
var init=函数（）{
_bindEvents（）；
};
返回{
init:init
};
})（jQuery）；
/*或在标签前包含*/
$（函数（）{
SimpleModule.init（）；
});

这很简单。什么不起作用？你有错误吗？包括jQuery吗？您实际使用的标记是什么？代码中有一个语法错误，一个额外的

）

。嗯，什么都没有发生。我还包括了jquery，我还做了其他一些事情（比如只提醒$（“#test”）.val（）onclick而不使用if语句）@user2722885你确定什么都没发生吗？您的控制台中是否出现错误？这将不仅仅是“没有”的工作小提琴：这很简单。什么不起作用？你有错误吗？包括jQuery吗？您实际使用的标记是什么？代码中有一个语法错误，一个额外的

）

。嗯，什么都没有发生。我还包括了jquery，我还做了其他一些事情（比如只提醒$（“#test”）.val（）onclick而不使用if语句）@user2722885你确定什么都没发生吗？您的控制台中是否出现错误？这将不仅仅是“没有”的工作小提琴：