此表单是另一种视图的延续,提交表单后,我创建了一个Jquery脚本来验证表单输入,并在允许最终表单提交之前检查至少其中一个输入具有值。我的表单显示为有效,即使任何输入字段中都没有值。我在我的BundleConfig.cs中有Jquery验证包,包括Additional-methods.js
在我的控制台内,
$(“ hf”)。valid()返回true,
$(#qty).val()返回(“”),
$(“。pq”)。valid()返回1。
基于此,据我了解,即使我的类“ pq”的验证规则需要单个输入,我的表单也被显示为有效,在任何输入字段中都没有值。我已经查询了每个输入值并全部显示(“”)。
注意:我确实在页面上有一个附加的Jquery函数,该函数根据数量输入的值乘以价格的隐藏输入值对订单进行总计。虽然据我所知,这应该不是冲突的问题。
我想要实现的功能示例的中间链接:https://jsfiddle.net/hydkf485/
My HTML:
<div class="col-md-8">
<label class="pd1" for="product-description">
Product Name
</label>
</div>
<div class="col-md-2">
<label class="pp1" for="product-price">
$2,800
</label>
</div>
<div class="col-md-2">
<label for="product-quantity">
@Html.TextBoxFor(c => c.ObjectName, new { type = "text", @class = "pq", name = "qty8", id = "qty8" })
</label>
</div>
<input name="price8" id="price8" type="hidden" value="2800" />
<div class="clearfix"></div>
<br />
My JQuery:
<script>
$(document).ready(function () {
$("#hf").validate({
rules: {
qty8: {
require_from_group: [1, ".pq"]
},
qty7: {
require_from_group: [1, ".pq"]
},
qty6: {
require_from_group: [1, ".pq"]
},
qty5: {
require_from_group: [1, ".pq"]
},
qt4: {
require_from_group: [1, ".pq"]
},
qty3: {
require_from_group: [1, ".pq"]
},
qty2: {
require_from_group: [1, ".pq"]
},
qty1: {
require_from_group: [1, ".pq"]
},
qty: {
require_from_group: [1, ".pq"]
}
}
});
});
</script>
当我的require_from_group脚本中的所有输入都没有值时,我希望表单失败,但是即使每个值都显示为空(“”),我的表单在控制台中仍然显示为有效,并且能够提交。