javascript - 我想检测用户是否在文本框中输入了某个字符串

Question

我有一个看起来像这样的文本框

<%= Html.TextBoxFor(model => model.ContactAddress, new { autocomplete = "off", maxlength = "75" })%>

在我的 javascript 我有这个

   $('.save_button_cont').click(function (e) {


        var addr1 = $('#ContactAddress').val();

        if(addr1.indexOf("box") > -1) {
            alert("HEY NO P.O. BOXES ALLOWED ");
        }

            document.forms[0].submit();
        });

如果用户在文本框中有“框”，我希望这会在发布之前弹出警报。但它不起作用。

如果用户在其地址（文本框）中输入字符串“框”，我想显示警报。

编辑：在提交时，我将使用确认框来验证用户是否要继续。谢谢您的帮助

Answer 1

尝试这个 -

$('.save_button_cont').click(function (e) {
      var addr1 = $('#ContactAddress').val();
            if(addr1.indexOf("box") > -1) {
                alert("blah");
            }else {
                alert('Bleh');
            }
            alert("TEST");

            $('form').eq(0).submit();
        });

Answer 2

你可以这样做：

$('.save_button_cont').click(function (e) {
    var addr1 = $('#ContactAddress').val();
    if (addr1.indexOf("box") > -1) alert("blah");
    else alert('Bleh');
    $('#formID').submit();
});

Answer 3

代替：

if(~addr1.indexOf("box")) {...} else {...}

尝试

if(addr1 === "box") {...} else {...}

Answer 4

您可以使用正则表达式来测试字符串是否出现“框”。这将允许您进行不区分大小写的搜索：

$('input[type="submit"]').click(function(e) {
    e.preventDefault();
    var input = $('#test').val();
    if (/box/i.test(input)) {
        alert("bad");
    } else {
        alert("good");
        $("form").submit();
    }
});

您还应该将“提交”功能放在“其他”语句中，以便表单仅在验证成功时提交。

注意：如果用户碰巧住在“盒子街”上，这可能会导致不必要的问题。

Answer 5

使用

$("#textboxid").blur(function(){
if( $("#textboxid").val() == "box"){
alert("box typed!");
}
});

这将使您的生活变得轻松！