Validate Radio selection using Javascript

Question

I am trying to return false if no radio button has been selected using the following script:

function validatefilling(){
    var a=document.getElementById("myfilling");
    if (fillingselected == 0){
        var resultloc=document.getElementById("fillingerror");
        resultloc.innerHTML =  "<span style='color:red;'>Please select a filling!<span>";
        return false;
    }
    var resultloc=document.getElementById("fillingerror");
    resultloc.innerHTML =  "";
    return true;
}

It doesn't seem to work however. I am trying to have the message "Please select a filling!" appear if nothing has been selected after the user submits the form. "fillingselected" is the value of the radio form submitted.

chandresh_cool · Answer 1 · 2013-04-10T18:53:22.403

0

Try this

if(!document.getElementById('myfilling').checked) {
    var resultloc=document.getElementById("fillingerror");
    resultloc.innerHTML =  "<span style='color:red;'>Please select a filling!<span>";
    return false;
} else {
    var resultloc=document.getElementById("fillingerror");
    resultloc.innerHTML =  "";
    return true;
}

edited Apr 10 '13 at 18:53

answered Apr 10 '13 at 18:39

chandresh_cool

11,753
3
30
45

1

The OP did not indicate that he is using jQuery. – Steve Apr 10 '13 at 18:39
@steve are you happy now? – chandresh_cool Apr 10 '13 at 18:42
hmm the error message appears onsubmit but when I select a value it returns the error message again – Apr 10 '13 at 18:47
1

@Jeb please check my updated answer it won't show you the error message if you select radio button now. – chandresh_cool Apr 10 '13 at 18:54
so strange. I think your code is correct but I keep getting the error message onsubmit. Do you think something else could be wrong with my code? – Apr 10 '13 at 19:00
Am I supposed to be setting the ID of each radio selection to "myfilling"? That's what I currently have... – Apr 10 '13 at 19:09

Validate Radio selection using Javascript

1 Answers1