我有两个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>
我已经比较了代码，但除了空格之外找不到任何区别。
您没有正确关闭脚本标记。使用<script></script>而不是<script />。