asked on

How do you add a required field to your code - NOT a pop window,

How do you add a required field to your code - NOT a pop window,
The message should show above the question , Please complete required question 1.

For your information.
If the user didn't select yes or no, a msg should show saying.
1. Please complete question 1.... Where I can put that in my code?

here is the code:

<script type="text/javascript">
function checkme(ele){
      var inputbox = document.getElementById("specify");
      if(ele.value=="Yes"){
            inputbox.style.display="block";
            var er = document.getElementById("error");
            er.style.display="none";
      }else{
            inputbox.style.display="none";
      }
}

function checksubmit(f){
      var radio = f.contactMeYes.value;
      var inputbox = f.ContactMeSpecify.value;
      if(radio=="Yes" && inputbox==""){
            var er = document.getElementById("error");
            er.style.display="inline";
            return false;
}else{
            var er = document.getElementById("error");
            er.style.display="none";
            return true;
            }
}
</script>

<cfform id="form1" name="form1" onSubmit="return checksubmit(this);" action="confirmation_e.cfm" method="POST">

Please complete this form<br><br>

<b>(*) Required field </b><br>

* <p><br><label for="strEmail"><strong><strong>1.</strong>      If your skill set is suitable to other committees, would you be willing to be contacted regarding any openings? </label> </p>

<table border="0" cellspacing="0" cellpadding="0" width="100%" class="qtable">
<tr>
<td colspan="2" height="5" width="100%">

<input type="radio" name="contactMe" id="contactMeYes" value="Yes" onClick="checkme(this);"/> <label for="ContactMeYes">Yes</label>

<input type="radio" name="contactMe" id="contactMeNo" value="No" onClick="checkme(this);"/>No</label>

<br>
<div id="specify" style="display:none;">
<label>Please specify:
<input type="text" name="ContactMeSpecify" id="ContactMeSpecify" value="" maxlength="255" size="30" style="width: 200px;border:red 1px solid;">
</label>
</div>
</td></tr></table>
</cfform>
q1.jpg
q1ifYes-selected-textfield-wills.jpg

ASKER CERTIFIED SOLUTION

Thomas Turner

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

haloexpertsexchange

Add a new element that has its display hidden and then this should work.

function checksubmit(f){
      var radio = f.contactMeYes.value;
      var inputbox = f.ContactMeSpecify.value;
      if(radio =="")
       {
        var error = document.getElementById("IDNAME");
        error.style.display="inline";
         return false;
        }
      else if(radio=="Yes" && inputbox==""){
            var er = document.getElementById("error");
            er.style.display="inline";
            return false;
}else{
            var er = document.getElementById("error");
            er.style.display="none";
            return true;
            }
}

Open in new window

LelloLello

ASKER

it's not displaying 'Required impute ! or else... ' or anything to force the user to fill question one why ?? here is the code for your review what i'm missing... Required input! Or else... click "No" above... </