如何更改Jquery require_from_group方法的默认样式
How can I change the default styling for Jquery require_from_group method?
我正在使用jQuery验证插件来生成一个警报,如果用户没有使用require_from_group方法在组中至少选中一个框来查找表单,就会弹出该警报。然而,有很多复选框,当警报出现在所有三十个复选框选项的中间时,看起来很奇怪。我只希望在组的顶部出现一个警报。如何做到这一点?
这是我所说的图片:
当我只想要一个时,有三十四个警报
HTML:
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Occupation: Check All That Apply</label>
<div class="col-sm-10">
<div class="checkbox">
<label>
<input class="occupation-group" onchange="showHideControlgrowerchecks();" type="checkbox" name="Grower" id="Grower"> Grower</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="PCA_Consultant" id="PCA_Consultant"> PCA/Consultant</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="Packer_Processor" id="Packer_Processor"> Packer/Processor</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="Research_Gov_Ed" id="Research_Gov_Ed"> Research/Gov/Ed</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="Assn_Commission" id="Assn_Commission"> Assn/Commission</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="Suppliermfgsvc" id="Suppliermfgsvc"> Supplier/Mfg/Svc</label>
<br>
<label>
<input class="occupation-group" type="checkbox" name="Ad_Agency" id="Ad_Agency"> Ad Agency</label>
<br>
<label>
<input class="occupation-group" type="checkbox" onchange="showHideControloccupation();" name="Other" id="Other"> Other</label>
<br>
<br>
<input type="text" class="form-control" style="display:none" name="Occupation-Other" id="Occupation-Other" placeholder="Please Specify Other Occupation Here" required>
<br>
<br>
</div>
</div>
</div>
Javascript:
$("#form1").validate({
rules: {
Grower: {
require_from_group: [1, ".occupation-group"]
},
PCA_Consultant: {
require_from_group: [1, ".occupation-group"]
},
Packer_Processor: {
require_from_group: [1, ".occupation-group"]
},
Research_Gov_Ed: {
require_from_group: [1, ".occupation-group"]
},
Assn_Commission: {
require_from_group: [1, ".occupation-group"]
},
Suppliermfgsvc: {
require_from_group: [1, ".occupation-group"]
},
Ad_Agency: {
require_from_group: [1, ".occupation-group"]
},
Other: {
require_from_group: [1, ".occupation-group"]
}
}
});
require_from_group
方法没有"默认样式"这样的东西。
要将34条消息合并为一条消息,请使用groups
选项。
如果你不喜欢插件将验证消息放在哪里,可以使用errorPlacement
选项来更改它。在你的自定义函数中,你可以使用一个条件来移动一种类型的消息,而保留其他所有内容的默认位置。
相关文章:
- 在类外重写Javascript方法,使用默认行为
- 使用jQuery的.on()方法阻止Ajax.BeginForm中提交的默认行为
- 类的默认方法
- 有没有任何方法可以将json对象存储在HTML标记的默认/自定义属性中,比如<tr>
- 用默认值填充数组的方法
- 有什么方法可以在超级测试中设置默认值吗
- 为输入字段(而不是表单的一部分)设置默认按钮(或在 javascript 中触发其事件)的最佳方法
- 取消默认的onbefoarunload弹出消息在方法内
- 接受选项对象作为参数的简洁方法,回退到省略属性的默认值
- 参数与 JavaScript 默认方法同名
- 有没有更好的方法来处理默认 true
- 在默认情况下将可枚举设置为 false 的 JS 中创建对象属性的其他方法是什么
- 为具有未定义值的嵌套对象设置默认值的最简单方法
- 是否可以在 javascript 中将对象的默认方法与其他方法一起使用
- 通过javascript处理默认配置文件图像的更好方法
- 在剑道网格自定义弹出模板中设置默认值的任意方法
- 如何更改Jquery require_from_group方法的默认样式
- 重写默认的浏览器alert()方法
- 有什么方法可以在自定义匹配器中使用Jasmine默认匹配器吗
- JavaScript:默认对象'的属性和方法