Hi,
I am trying to validate radio type fields, and it works, but with an annoying side effect from a user point of view.
When I try to submit the form without checking a radio button from a list of 10 choices, I get 10 notices that it is a required field, when it should be only 1 notice.
I use the code below for validation:
What happens without checking a radio button:
What was the make of Your first car?
1. Chevrolet This is a required field
2. Ford This is a required field
3. Mercedes This is a required field
4. BMW This is a required field
5. Ferrari This is a required field
6. Citroen This is a required field
7. Renault This is a required field
8. Seat This is a required field
What should happen:
What was the make of Your first car?
This is a required field
1. Chevrolet
2. Ford
3. Mercedes
4. BMW
5. Ferrari
6. Citroen
7. Renault
8. Seat
Please help me to solve this issue.
I am trying to validate radio type fields, and it works, but with an annoying side effect from a user point of view.
When I try to submit the form without checking a radio button from a list of 10 choices, I get 10 notices that it is a required field, when it should be only 1 notice.
I use the code below for validation:
01.
$(document).ready(
function
(){
02.
03.
$(
".edit_filling"
).kendoValidator({
04.
rules: {
05.
radio:
function
(input){
06.
if
(input.filter(
"[type=radio]"
) && input.attr(
"required"
)) {
07.
return
$(
".edit_filling"
).find(
"[data-qs="
+ input.attr(
"data-qs"
) +
"]"
).is(
":checked"
);
08.
}
09.
return
true
;
10.
}
11.
},
12.
messages: {
13.
radio:
"This is a required field"
14.
}
15.
});
16.
17.
});
What happens without checking a radio button:
What was the make of Your first car?
1. Chevrolet This is a required field
2. Ford This is a required field
3. Mercedes This is a required field
4. BMW This is a required field
5. Ferrari This is a required field
6. Citroen This is a required field
7. Renault This is a required field
8. Seat This is a required field
What should happen:
What was the make of Your first car?
This is a required field
1. Chevrolet
2. Ford
3. Mercedes
4. BMW
5. Ferrari
6. Citroen
7. Renault
8. Seat
Please help me to solve this issue.