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/UY3A6/

你在“hi”和.val（）之后错过了分号。你还有一个额外的）;在if语句结束“}”之后。

Answer 3

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

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

4 个答案: