Page does not navigate: form re-displays

Question

In my project there is a page which consists of 5 radio buttons and a "Submit" button at the last of the page.
User selects a radio and on press Submit it navigates to a different page.
Instead when i select a radio button and press Submit "Validation error:Value is not valid" is displayed on top of the page and page does not navigate.
JSP code:
<h:selectOneRadio
                              styleClass="selectOneRadio" id="radio1"
                                                                 value="#{SL.objectSpace.sPId}" 
                                                                 onclick="return sL_radio1_onclick(this, event);">
                                                            <f:selectItem itemValue="#{varBObjs.pId}"
                                                                      itemLabel=" " />
                                                       </h:selectOneRadio>
<hx:commandExButton type="submit" value="#{labels.button_CS}"
                                        styleClass="commandExButton" id="button_CS"
                                        action="#{SL.objectSpace.cS}"></hx:commandExButton>JS snippet:
function sL_radio1_onclick(thisObj, thisEvent) {
     var parentRadioButtonName = thisObj.name;
     var p1=thisObj.value;
     var indexStart = eval("form1:table1:".length);
     var indexEnd = parentRadioButtonName.indexOf(':radio1');
     var parentIndex = parentRadioButtonName.substring(indexStart,indexEnd);
     if (!thisObj.checked){
          //parent unchecked, uncheck all children for this parent
          for(i=0;1==1;i++){
              childRadioButtonName = 'form1:table1:'+parentIndex+':table2:'+i+':radio2';
              if(thisObj.form.elements[childRadioButtonName]){
                  thisObj.form.elements[childRadioButtonName].checked=false;
             } else {
                    break;
     } else {
          //parent checked, uncheck other parent
          for(i=0;1==1;i++){
              parentRadioButtonName = 'form1:table1:'+i+':radio1';
               if (thisObj.form.elements[parentRadioButtonName]) {
                 if(thisObj.form.elements[parentRadioButtonName].checked && (i != parentIndex)){
                      thisObj.form.elements[parentRadioButtonName].checked=false;
                         //uncheck children of this parent
                      for(j=0;1==1;j++){
                           childRadioButtonName = 'form1:table1:'+i+':table2:'+j+':radio2';
                             if(thisObj.form.elements[childRadioButtonName]){
                                  thisObj.form.elements[childRadioButtonName].checked=false;
                             } else {
                                        break;
                } else {
                    if (i>parentIndex) {
                         break;
}SL.java code:
protected String sPId="same";
|
|
public String getSPId() {
          return sPId;
          public void setSPId(String sPId) {
          this.sPId = sPId;
     }Thanks in advance.

Answer 1

In addition my IDE throws the below error:
(jsf E com.sun.faces.context.FacesContextImpl addMessage Adding Message[source Id = form1:table1 0:radio1,summary=Validtion Error:Value is not valid)