javascript – 使用jQuery Validator插件验证“是/否”单选按钮到特定的正确值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery Validator插件验证“是/否”单选按钮到特定的正确值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2906字，纯文字阅读大概需要5分钟。

内容图文

并尽我所能让我的头围绕jQuery验证器插件.

我已广泛搜索,但找不到任何类似于我想要实现的内容.请有人帮忙.

我正在尝试使用单选按钮构建问卷表单,并使用jQuery验证器插件验证它们.

我如何设置特定于某些答案的验证规则是是或否值：

<p>Are you a member of our group? <br />
 <input type="radio" name="member" value="Yes" class="required" id="memberYes" /> 
 <label for="memberYes">Yes</label> <<<<----User must be a member and select 'Yes'
 <input type="radio" name="member" value="No" id="memberNo" />
 <label for="memberdNo">No</label>
</p>

<p>Are you currently under investigation? <br />
 <input type="radio" name="investigation" value="Yes" class="required" id="investigationYes" /> 
 <label for="investigationYes">Yes</label>
 <input type="radio" name="investigation" value="No" id="investigationNo" />
 <label for="investigationNo">No</label> <<<<----User must select 'No' or a message pops up to send them to the correct form
</p>

<p>Has your cat turned green? <br />
 <input type="radio" name="greenCat" value="Yes" class="required" id="greenCatYes" />   <label for="greenCatYes">Yes</label> <<<<---- User must select 'Yes' This is only for users who's cat's are green
 <input type="radio" name="greenCat" value="No" id="greenCatNo" />
 <label for="greenCatNo">No</label>
</p>

<p>Are you currently on the diet? <br />
 <input type="radio" name="diet" value="Yes" class="required" id="dietYes" /> 
 <label for="dietYes">Yes</label> <<<<----User must select the 'Yes' option.
 <input type="radio" name="diet" value="No" id="dietNo" />
 <label for="dietNo">No</label>
</p>

我尝试了以下方法,但似乎没有任何工作：

$('#Form').validate({
rules: {
    member:{required: function() {
        $('input[name="member"]:checked').val() === 'Yes';
    }
},
investigation:{required: function() {
    return $('#investigationNo').is(':checked');
    }
},
greenCat:{required:true},
diet:{required:'#dietYes:checked'}

}

最诚挚的问候,并提前感谢您的协助

我试过添加一个新方法,但不知何故它似乎没有用.

jQuery.validator.addMethod('correctAnswerRadio', function(value, element) {
    var selectedVal = $('input[name='+element+']:checked').val();
    alert(element.name + selectedVal + value);
    if(selectedVal === value){ //Correct Value
        return true;
    }else{ 
        return false;
    }
});`

我改为：

$('#Form').validate({
    rules: {
        member:{required:true,correctAnswerRadio:'Yes'},
        investigation:{required:true,correctAnswerRadio:'No'},
        greenCat:{required:true,correctAnswerRadio:'Yes'},
        diet:{required:true,correctAnswerRadio:'Yes'}
    }
});

该方法仅在correctAnswerRadio：’No’时将’value’警告为“Yes”值.我能做错什么？

解决方法:

我知道这是一个老帖子,但谷歌仍然带来了人们.

我找到了一种解决它的简单方法.它不是在jquery验证器的文档中,而是已经解决了.

首先,你必须选择一个收音机.它可能是“不”.值可以是任意值,但我使用“True”或“False”

其次在javascript上执行此操作(假设您的字段名称是术语)

$('form').validate({
  rules:{
    terms: {min:"True"}
  },
  messages:{
    terms: {min:'you must accept terms to move on.'}
  }
});

我在jsfiddle：http://jsfiddle.net/ThcS8/117/做了一个例子

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery Validator插件验证“是/否”单选按钮到特定的正确值全部内容，希望文章能够帮你解决javascript – 使用jQuery Validator插件验证“是/否”单选按钮到特定的正确值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端