Question

我已经通过引导程序获得了这个表单，但是我无法找到它为什么不能正常工作的蚂蚁我不知道为什么。

HEAD＆GT;＆GT;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="css/corrections.css" rel="stylesheet" type="text/css"/>
    <script src="js/JQuery-2.1.1-min.js" type="text/javascript"></script>
    <title></title>
</head>
<body>

- ＆GT;代码在这里

</body>

HTML＆gt;＆gt;

<div class="col-lg-4">
        <form class="form-inline well">
            <div class="form-group">
                <label class="sr-only" for="text">Some label</label>
                <input id="text" type="text" class="form-control" placeholder="Text here">
            </div>
            <button type="submit" class="btn btn-primary pull-right">Ok</button>

            <div class="alert alert-danger" style="display:none">
                <h4>Error</h4>
                Required amount of letters is 4
            </div>

            <div class="success alert-success" style="display:none">
                <h4>Success</h4>
                You have the required amount of letters
            </div>

        </form>
    </div>

JS＆gt;＆gt;

 <script>
        $(function () {
            $("form").on("submit", function () {
                if ($("input").val().length < 4) {                    
                    $("div.form-group").addClass("has-error");
                    $("div.alert").show("slow").delay(4000).hide("slow");
                    return;    
                } else if ($("input").val().length > 3) {
                    $("div.form-group").addClass("has-success");
                    $("div.success").show("slow").delay(4000).hide("slow");
                    return;   
                }
            });
        });
    </script>

警报课每次都会显示，有什么想法吗？

Answer 1

在这里使用$("input")是不寻常的。该选择器将拉回页面上<input>的所有元素，这几乎肯定不是你的意思。（如果页面上还有其他input，您可能会得到您正在描述的内容。）使用更精确的选择器，如$("#text")，并可能使用debug输出{{{ 1}}所以你知道你在评估什么。

（旁注，“text”对于文本输入来说不是一个非常有用的名称，而你的else-if似乎是多余的，但它们可能不会导致代码出现问题。）

无法使JS功能正常工作

1 个答案: