相同的 Jquery 验证插件实现在两个页面上不起作用答案

【问题标题】：Same Jquery Validation Plugin implementation not working on two pages相同的 Jquery 验证插件实现在两个页面上不起作用
【发布时间】：2018-05-02 00:56:33
【问题描述】：

我有两个 HTML 页面都有相同的代码。我已经使用 jquery 验证插件来验证所需的仅数字字段。第一页正在工作，而第二页没有。我哪里错了。

工作代码

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title></title>
    <link href="bootstrap.css" rel="stylesheet"></link>
    <link href="app.css" rel="stylesheet"></link>   
    <script type="text/javascript" src="jquery-1.11.1.js"></script> 
    <script type="text/javascript" src="jquery.validate.js"></script>   
<script type="text/javascript">
$(document).ready(function() {  
$("#abc").validate({
      rules: {
          price: {
          required: true,
          number: true        
        }
      },
      messages: {
          price : "enter Numeric value"  
      }
    }); 
});
</script>   
</head>
<body>
    <div class="generic-container">

        <form id="abc" name="abc" action="" method="POST">
            <div class="form-group col-md-6">
                    <label class="col-md-4 control-lable" for="price"> Price </label>
                    <div class="col-md-7">                  
                        <input  name="price" id="price" type="text" />                      

                    </div>
                </div>
            <input type="submit" value="Submit" class="btn btn-primary btn-sm"/>            
        </form>
    </div>
</body>
</html>

非工作代码如下：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
            <title></title>
            <link href="bootstrap.css" rel="stylesheet"/>
            <link href="app.css" rel="stylesheet"/> 
            <script type="text/javascript" src="jquery-1.11.1.js"/> 
            <script type="text/javascript" src="jquery.validate.js"/>   
            <script type="text/javascript">
$(document).ready(function() {  
$("#abc").validate({
      rules: {
          price: {
          required: true,
          number: true        
        }
      },
      messages: {
          price : "enter numeric value"  
      }
    });
});
</script>       
        </head>
        <body>
            <div class="generic-container">

                <form id="abc" name="abc" action="" method="POST" >     
                    <div class="form-group col-md-6">
                        <label class="col-md-4 control-lable" for="price">Price </label>
                        <div class="col-md-7">                      
                            <input name="price" id="price"  type="text"   />                    
                        </div>
                    </div>
                    <input type="submit" value="Save" class="btn btn-primary btn-sm"/>
                </form>
            </div>
        </body>
    </html>

我已经比较了代码，但除了空格之外找不到任何区别。

【问题讨论】：

标签： jquery html validation plugins

【解决方案1】：

您没有正确关闭脚本标签。使用<script></script> 而不是<script />。

【讨论】：

保持相同的值也没有什么不同。将两者的值都更改为“保存”，但仍然是同样的问题。
您的脚本标签不是结束属性。用户而不是
@Alexan 不，这是一个有效的答案。 mitmak 只是在为我们的 markdown 解析器隐藏他们的 HTML 标签而苦苦挣扎:)
@Supuhstar，好的删除评论