如何validation一组单选按钮?

我有一个在线调查,我正在使用jqueryvalidation。

所以每个问题都有4个选项,每个选项都是一个单选按钮。

当我构建我的jquery validatio规则时,我该如何引用它们?

每个问题选项都有一个ID和名称。

以下是我到目前为止所做的事情,但它无法正常工作。

$(document).ready(function() { $("#myForm").validate({ rules : { someQuestionId123 : {required : true } }); }); 

其中someQuestionId123是单选按钮元素的名称

你用});错误地关闭你的规则});

 rules : { someQuestionId123 : {required : true } }); 

使用jQuery Validate插件的.validate()方法,您必须name引用它们。

由于一组radio按钮应该都具有相同的name ,因此您已经正确地执行了此操作(在修复括号问题后)…

 $(document).ready(function() { $("#myForm").validate({ rules: { someQuestionId123: { // <-- NAME attribute required: true } } // <-- right here, you incorrectly had '});' }); }); 

HTML

     

演示 : http : //jsfiddle.net/5dsJQ/


最后,你的最新jsFiddle被打破,因为你有特殊字符,例如- ,在你的name里面......

 rules: { someQuestionId-123: { required: true } } 

根据“参考文档” ,您需要将名称括在引号中以解决此问题...

 rules: { "someQuestionId-123": { required: true } } 

通常,如果您使用这些名称作为JavaScript目标,则应避免使用短划线命名, -因为JavaScript有时会将它们解释为减号。 对于jQuery Validate,引号将解决此问题。

http://jsfiddle.net/RB4NU/12/