如何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,引号将解决此问题。