Как проверить группу переключателей?

Question

У меня есть онлайн-опрос, и я использую проверку jquery на нем.

Таким образом, каждый вопрос имеет 4 варианта, где каждый параметр является переключателем.

Когда я создаю правила jquery validatio, как мне их ссылаться?

Каждый параметр вопроса имеет идентификатор и имя.

Ниже приведено то, что я делаю до сих пор, и он не работает.

$(document).ready(function() { 

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

Где someQuestionId123 является имя кнопочного радио элемента.

Answer 1

Вы неправильно закрывать свои правила с }); ...

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

---

Использование .validate() метод плагина JQuery Validate, вы необходимо ссылаться на них по name.

Поскольку группа radio кнопки должны все одни и те же name, что вы уже делаете это правильно (после фиксации проблемы с вашими кронштейнами) ...

$(document).ready(function() { 

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

HTML:

<input type="radio" name="someQuestionId123" value="one" /> 
<input type="radio" name="someQuestionId123" value="two" /> 
<input type="radio" name="someQuestionId123" value="three" /> 
<input type="radio" name="someQuestionId123" value="four" /> 

DEMO: http://jsfiddle.net/5dsJQ/

---

И, наконец, ваш последний jsFiddle сломан, потому что у вас есть специальные символы, такие как -, внутри вашего name ...

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

As per the "reference docs", вам необходимо заключить имя в кавычках, чтобы решить эту проблему. ..

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

В общем, если вы используете эти имена в качестве мишеней JavaScript, вы бы избежать имен с черточками, -, потому что JavaScript иногда может интерпретировать их как знак минус. Для jQuery Validate кавычки обойдутся этой проблемой.

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