javascript - Jquery 搜索所有具有特殊类别的标签，如果其中一个标签的值只显示一个警报

Question

At first visit my fiddle

当 submit 按钮被点击时，如果文本 input 字段没有改变 alert 出现。文本 input 变成红色边框。

我想要的是，有多少个input字段是不变的并不重要，只会出现一个alert。

这是我的 Jquery 方法:

$(".submit").click(function (e) {
      $(".textInput").each(function () {
        if ($(this).val() === "input here") {
            e.preventDefault();
            $(this).css({
                border: "1px solid #f00",
                color: "#f00"
            });
            alert("Please input the texts in red box");
        } else {
            $(this).css({
                border: "1px solid #DCDCDC",
                color: "#000"
            });
        }
      });
});

我该怎么做？

谢谢

Answer 1

您只需要在执行警报之前汇总您的答案:

$(".submit").click(function (e) {
    var doAlert = false; // don't alert, unless the condition sets this to 'true'
    $(".textInput").each(function () {
        if ($(this).val() === "input here") {
            e.preventDefault();
            $(this).css({
                border: "1px solid #f00",
                color: "#f00"
            });
            // instead of performing the alert inside the "loop"
            // set a flag to do it once the "loop" is complete.
            doAlert = true;
        } else {
            $(this).css({
                border: "1px solid #DCDCDC",
                color: "#000"
            });
        }
    });
    if(doAlert) { // do the alert just once, if any iteration set the flag
        alert("Please input the texts in red box");
    }
});