javascript-引导程序3:具有表单验证功能的向导
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-引导程序3:具有表单验证功能的向导,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1908字,纯文字阅读大概需要3分钟。
内容图文
![javascript-引导程序3:具有表单验证功能的向导](/upload/InfoBanner/zyjiaocheng/678/01df34f5bf5d4fd09faca4678004ac38.jpg)
我想用引导程序验证表单来创建向导.我使用http://vadimg.com/twitter-bootstrap-wizard-example/的Twitter Bootstrap向导插件.它使用jQuery Validate插件.
我的问题是单选按钮的验证不起作用.即使未选中任何单选按钮,我也可以跳过“标签”.
有谁知道我做错了什么?
这是我的Javascript代码:
<script>
$(document).ready(function() {
var $validator = $("#commentForm").validate();
$('#rootwizard').bootstrapWizard({
'tabClass': 'nav nav-pills',
'onNext': function(tab, navigation, index) {
var $valid = $("#commentForm").valid();
if(!$valid) {
$validator.focusInvalid();
return false;
}
}
});
window.prettyPrint && prettyPrint()
});
</script>
我的输入元素如下所示:
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input class="required" id="question21" name="question2" required="" type="radio"> 1</label>
<label class="btn btn-primary">
<input id="question22" name="question2" type="radio"> 2</label>
<label class="btn btn-primary">
<input id="question23" name="question2" type="radio"> 3</label>
<label class="btn btn-primary">
<input id="question24" name="question2" type="radio"> 4</label>
<label class="btn btn-primary">
<input id="question25" name="question2" type="radio"> 5</label></div>
这里是网站的完整代码:
http://chopapp.com/#aj3u0kz1
提前致谢!
解决方法:
您已经在HTML标记中两次声明了必需的规则…
<input class="required" id="question21" name="question2" required="" type="radio">
1)按类:class =“ required”声明name =“ question2”单选按钮已根据需要设置.
2)通过HTML5属性:required =“”声明name =“ question2”单选按钮设置为不需要.
显然,jQuery Validation插件优先考虑HTML5属性.
您只需要使用一种声明规则的方法即可.使用class或HTML5属性,不能同时使用.如果决定保留HTML5属性,请使用required =“ required”.
编辑:
引用OP的评论:
“… But either
class="required"
orrequired="required"
works标签:,,,, 来源: https://codeday.me/bug/20191030/1965839.html
内容总结
以上是互联网集市为您收集整理的javascript-引导程序3:具有表单验证功能的向导全部内容,希望文章能够帮你解决javascript-引导程序3:具有表单验证功能的向导所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。