未捕获的ReferenceError:未定义validate(jQuery验证)

Question

未捕获的ReferenceError:未定义validate(jQuery验证)

Hus*_*ady 2 javascript validation jquery grails

我收到此错误,脚本似乎永远不会工作.

未捕获的ReferenceError:未定义validate

我也尝试从函数调用onsubmit函数,并尝试将函数放在页面内,并在一个单独的JS文件中,但结果相同.html文件:show.gsp

<body>

<div class="row">
    <div class="col-md-9 col-sm-9">
        <g:form class="form-inline" role="form" action="update" name="form" >
            <div class="form-group has-feedback">
                <label class="control-label" for="mcc">GSM.Identity.MCC</label>
                <br/>
                <input type="text" class="form-control required" name="mcc" id="mcc" value="${mcc}">
                <span class="glyphicon form-control-feedback"></span>
            </div>
            <br/>
            <br/>

            <div class="form-group has-feedback">
                <label class="control-label" for="mnc">GSM.Identity.MNC</label>
                <br/>
                <input type="text" class="form-control required" name="mnc" id="mnc" value="${mnc}">
                <span class="glyphicon form-control-feedback"></span>
            </div>
            <br/>
            <br/>

            <div class="form-group has-feedback">
                <label class="control-label" for="co">GSM.Radio.CO</label>
                <br/>
                <input type="text" class="form-control required" name="co" id="co" value="${co}">
                <span class="glyphicon form-control-feedback"></span>
            </div>
            <br/>
            <br/>
            <p>
                <button type="submit" class="btn btn-success btn-sm" id="submit" onclick="validate()">Save Settings</button>
                <g:link action="restart" class="btn btn-danger btn-sm">Restart OpenBts</g:link>
            </p>
        </g:form>
    </div>
</div>

</body>
<script src="${resource(dir:'js', file:'main_script.js') }"></script>

Run Code Online (Sandbox Code Playgroud)

和脚本: main_script.js

//validation script
function validate(){

    console.log("test");

    var mcc = $("#mcc").val();
    var mnc = $("#mnc").val();
    var co = $("#co").val();

    if (!$.isNumeric(mcc)){
        $("#mcc").parent("div").removeClass("has-feedback has-error has-success").addClass("has-error");
    }
    if (!$.isNumeric(mnc)){
        $("#mnc").parent("div").removeClass("has-feedback has-error has-success").addClass("has-error");
    }
    if (!$.isNumeric(co)){
        $("#co").parent("div").removeClass("has-feedback has-error has-success").addClass("has-error");
    }
}

Run Code Online (Sandbox Code Playgroud)

Answer 1

Str*_*Hat 5

必须加载Javascript <head>或<body>标记.

你在标签之后添加了脚本标签</body>,这就是为什么它没有被加载而按钮事件找不到validate()该Javascript内的功能

在</body>标签之前添加如下,

    .
    .
    .
            </g:form>
           </div>
         </div>

    <script src="${resource(dir:'js', file:'main_script.js') }"></script>
   </body>

Run Code Online (Sandbox Code Playgroud)

正如此链接所说它应该在<body>标签内使用

归档时间：	11 年，6 月前
查看次数：	18706 次
最近记录：	11 年，6 月前