单选按钮未正确验证
Radio buttons not validating correctly
我有这份问卷,我用它来启动一个应用程序。我在提交之前使用 javascript 进行验证,但我遇到了一个问题,它只验证每个问题的第二个按钮,而不是单独验证每个问题。我在下面发布了代码。
问卷
<?
for($i = 1; $i <= count($questions); $i++){
print "<div class='form-group'>";
print "<div class='col-md-12'>";
print "<p>$i) ".$questions[$i-1]."</p>";
print "<label class='radio-inline'>";
print "<input type='radio' name='q$i' value='1'>Yes";
print "</label>";
print "<label class='radio-inline'>";
print "<input type='radio' name='q$i' value='-1'>No";
print "</label>";
print "</div>";
print "</div>";
}
?>
爪哇语
$(function(){
$('#questionaire-form').submit(function(e){
e.preventDefault();
var prevname = "";
var questions = [];
$('.radio-inline').each(function(){
//$(this).next($(this)).is(':checked'));
var curname = $(this).find('input[type="radio"]').attr('name');
if(prevname == curname){
if(!$(this).find('input[name='+curname+']').is(':checked') && $(this).closest('div').find('p').hasClass('text-danger')){
return true; //skip to the next element
}else if(!$(this).find('input[name='+curname+']').is(':checked') && !$(this).closest('div').find('p').hasClass('text-danger')){
$(this).closest('div').find('p').addClass('text-danger');
}else if($(this).find('input[name='+curname+']').is(':checked') && $(this).closest('div').find('p').hasClass('text-danger')){
$(this).closest('div').find('p').removeClass('text-danger');
}else{
$(this).closest('div').find('p').removeClass('text-danger');
}
}
prevname = curname;
});
var go;
$('.radio-inline').closest('div').find('p').each(function(){
if($(this).hasClass('text-danger')){
go = false;
return false;
}else{
go = true;
}
});
if(go){
}
});
});
如有需要,请询问更多信息。我已经在这个问题上停留了一段时间,我想快速解决它。单选按钮验证一直是我的弱点,所以征服今天会很棒
这个怎么样:
var go = true;
$(".form-group").each(function () {
if($(this).find('input[type="radio"]:checked').length == 0) {
//nothing checked so error.
$(this).find('p').addClass('text-danger');
go = false;
}
else {
$(this).find('p').removeClass('text-danger');
}
});
if(!go)
{return false;}
//continue and do what you like
更新
在小提琴中测试:http://jsfiddle.net/6k0nusfb/
相关文章:
- 使用警报框验证单选按钮,以便可以接受或拒绝它
- 如何在引导程序3中验证单选按钮
- 如何验证单选按钮
- 如何验证单选按钮
- 我想用 JavaScript 验证单选按钮,以测验我的代码需要什么
- Adobe 表单的 Javascript 验证(单选按钮)
- 需要帮助使用 JavaScript 验证单选按钮
- j查询动态验证单选按钮选择
- 验证单选按钮组
- 使用 JavaScript 验证单选按钮
- 按类名验证单选按钮的窗体
- Javascript:验证单选按钮
- 使用JS confrim对话框验证单选按钮
- 使用Javascript验证单选按钮
- 如何验证单选按钮
- jQuery验证单选按钮组
- 表单验证单选按钮
- 在转到下一页之前,如何验证单选按钮?
- 如何验证单选按钮选项
- 第二次验证单选按钮集