onSubmit 1

Berns · Feb 4, 2003

hello-someone was helping me with this several days ago but I still can't figure it out. This is what I am trying to do:

I have a form with several radio button type questions. Only one of the fields is required. If any of the not required fields are left blank when the user hits submit they will get an alert that says something like "Not all of the questions were answered, do you which to submit? Then the user picks Yes or No. If the user picks yes the form submits, if they pick No it doen not. I'm already using the onSubmit for another function (to validate the required field), can anyone help?

Here is part of the code:
function checkRequired( theForm )
{
var bMissing2 = false;
if ( 0 == theForm.Q15.value )
bMissing2 = true;

if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}
else
{
return true;
}

}

------THEN the Onsubmit:
onsubmit="return checkRequired(this)">

mwolf00 · Feb 4, 2003

function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}
//ID is OK so check for blank questions
var missMess = ""
for (x=1; x<=15; x++){
thisAnswer = eval("theForm.Q" + x + ".value&quot

if (thisAnswer == 0){
missMess += "\n-Question #" + x
}
}
doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The following are blank. Do you wish to submit anyways?" + messMess)
}
return doAnyways;
}
Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Berns · Feb 4, 2003

This isn't working, the form submits without an alert even if only one question was answered.

mwolf00 · Feb 4, 2003

Oh radio buttons... hmm... try this...

function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}
//ID is OK so check for blank questions
var missMess = ""
//assumes 4 radio groups named Q1,Q2,Q3,Q4
//each question must have more than 1 button in radio group

for (x=1; x <= 4; x++){
thisAnswer = eval("theForm.Q" + x + ".value&quot

answered = false //boolean to search group
for (y=0; y<thisAnswer.length; y++){
if (thisAnswer[y].checked){
answered = true
}
}
if (!answered){
missMess += "\n-Question #" + x
}
}
doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The following are blank. Do you wish to submit anyways?" + messMess)
}
return doAnyways;
}
Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Berns · Feb 4, 2003

i've been trying to figure this our for days now and am super frustrated.

That still doesn't work, the form consists of 14 radio button questions, each with 5 selections (excellent, good, fair, etc) and 4 text field questions (sorry I forgot about these). Does that help? I guess I wasn't very specific initially.

Thanks!

mwolf00 · Feb 4, 2003

It's not hard to alter my code to allow for all of your radio buttons and add the 4 text fields. Post what you have and I'll look at it in the morning. Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Berns · Feb 4, 2003

Okay, thanks!

Berns · Feb 5, 2003

I tried several thing to make this script work, and I just couldn't get it.

I changed this line several times:
for (x=01; x <= 19; x++){

I changed the "1" to "01" because all of the Q#'s are 2 intergers. then I changed the "4" to "19" to reflect the number of questions that I had.

I may seem like a huge dope here but I just don't get it, I think that I have a bad case of tunnel vision at this point!

Thanks for your help!

mwolf00 · Feb 5, 2003

can you post your whole page?

since all of the Qs are 2 integers you'd have to do this:

for (x=1; x<=19; x++){
if (x<10){
thisAnswer = eval("theForm.Q0" + x + ".value&quot

}
else{
thisAnswer = eval("theForm.Q" + x + ".value&quot

}
//continue on
} Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Berns · Feb 5, 2003

Here's the first part, w/ first question:
<code>
<SCRIPT language=JavaScript>
<!-- Begin
function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}
//ID is OK so check for blank questions
var missMess = ""
//assumes 4 radio groups named Q1,Q2,Q3,Q4
//each question must have more than 1 button in radio group

for (x=1; x <= 4; x++){
thisAnswer = eval("theForm.Q" + x + ".value&quot

answered = false //boolean to search group
for (y=0; y<thisAnswer.length; y++){
if (thisAnswer[y].checked){
answered = true
}
}
if (!answered){
missMess += "\n-Question #" + x
}
}
doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The following are blank. Do you wish to submit anyways?" + messMess)
}
return doAnyways;
}

var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) // Y2K Fix
year = year + 1900;
document.write(" " + lmonth + " &quot

;
document.write(date + " " + year + "</center>&quot

;

//number validation
function validate(field) {
var valid = "0123456789"
var ok = "yes";
var temp;
for (var i=0; i<field.value.length; i++) {
temp = "" + field.value.substring(i, i+1);
if (valid.indexOf(temp) == "-1&quot

ok = "no";
}
if (ok == "no&quot

{
alert("Your ID must be numeric&quot

;
field.focus();
field.select();
}
}

// End -->

</SCRIPT>
</head>

<font face="arial" size="-1" color="#293163">
<p><h3>Satisfaction Survey</h3></p>

<p>
Our strategy is to provide high quality service and value to our customers. To participate, please select the choices that best reflect your opinions.</b>.
</p>

<form method="post" action="

http://xxx/Feedback"

onsubmit="return checkRequired(this)">
<INPUT type="hidden" NAME="form_version" VALUE="1"/>
<INPUT type="hidden" NAME="source_site" VALUE="xxx"/>
<INPUT type="hidden" NAME="thankyou" VALUE="

http://www.thankyou.htm"/>

<INPUT type="hidden" NAME="thankyou_page" VALUE=""/>
<INPUT type="hidden" NAME="fieldorder" VALUE="Q01,Q02,Q03,Q04,Q05,Q06,Q07,Q08,Q09,Q10,Q11,Q12,Q13,Q14,Q15,Q16,Q17,Q18,Q19"/>
<p>
Please enter your ID <b>U</b><input type="text" maxlength="6" size="5" name="Q15" onBlur="validate(this)">
<p><b>HEADER</b><br>
1. Q1<br>
<table border=0>
<tr><Td width=150><font face="arial" size="-1"> </td><td width=75><center><font face="arial" size="-1">Excellent</td><td width=150><center><font face="arial" size="-1">Very Good</td><td width=75><center><font face="arial" size="-1">Good</td><td width=75><center><font face="arial" size="-1">Fair</td><td width=75><center><font face="arial" size="-1">Poor</td></tr>
<tr><Td width=550><font face="arial" size="-1"><b>Management</b></td><td><center><input type=radio value="Excellent" name=Q01></td><td><center><input type=radio value="Very Good" name=Q01></td><td><center><input type=radio value="Good" name=Q01></td><td><center><input type=radio value="Fair" name=Q01></td><td><center><input type=radio value="Poor" name=Q01></td></tr>
<tr><Td width=550><font face="arial" size="-1"><b>Payroll Specialist</b></td><td><center><input type=radio value="Excellent" name=Q02></td><td><center><input type=radio value="Very Good" name=Q02></td><td><center><input type=radio value="Good" name=Q02></td><td><center><input type=radio value="Fair" name=Q02></td><td><center><input type=radio value="Poor" name=Q02></td></tr>
<tr><Td width=550><font face="arial" size="-1"><b>Operation Specialist</b></td><td><center><input type=radio value="Excellent" name=Q03></td><td><center><input type=radio value="Very Good" name=Q03></td><td><center><input type=radio value="Good" name=Q03></td><td><center><input type=radio value="Fair" name=Q03></td><td><center><input type=radio value="Poor" name=Q03></td></tr>
<tr><Td width=550><font face="arial" size="-1"><b>Training / Compliance Specialist</b></td><td><center><input type=radio value="Excellent" name=Q04></td><td><center><input type=radio value="Very Good" name=Q04></td><td><center><input type=radio value="Good" name=Q04></td><td><center><input type=radio value="Fair" name=Q04></td><td><center><input type=radio value="Poor" name=Q04></td></tr>
<tr><Td width=550><font face="arial" size="-1"><b>Employee Leasing Co. (EPIX)</b></td><td><center><input type=radio value="Excellent" name=Q05></td><td><center><input type=radio value="Very Good" name=Q05></td><td><center><input type=radio value="Good" name=Q05></td><td><center><input type=radio value="Fair" name=Q05></td><td><center><input type=radio value="Poor" name=Q05></td></tr></code>

The alert does not have to specify the questions that were not answered.

Thanks!

mwolf00 · Feb 5, 2003

This works fine - I found some typos (mine)...

<SCRIPT language=JavaScript>
<!-- Begin

function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}

//ID is OK so check for blank questions
var missMess = ""

for (x=1; x <= 5; x++){
if ( x < 10 ){
thisAnswer = eval("theForm.Q0" + x )
}
else{
thisAnswer = eval("theForm.Q" + x )
}
answered = false
for (y=0; y<thisAnswer.length; y++){
if (thisAnswer[y].checked){
answered = true
}
}
if (!answered){
missMess += "\n-Question #" + x
}
}

doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The following are blank. Do you wish to submit anyways?" + missMess)
}
return doAnyways;
}

var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) // Y2K Fix
year = year + 1900;
document.write(" " + lmonth + " &quot

;
document.write(date + " " + year + "</center>&quot

;

//number validation
function validate(field) {
var valid = "0123456789"
var ok = "yes";
var temp;
for (var i=0; i<field.value.length; i++) {
temp = "" + field.value.substring(i, i+1);
if (valid.indexOf(temp) == "-1&quot

ok = "no";
}
if (ok == "no&quot

{
alert("Your ID must be numeric&quot

;
field.focus();
field.select();
}
}

// End -->

</SCRIPT>
</head>

<font face="arial" size="-1" color="#293163">
<p><h3>Satisfaction Survey</h3></p>

<p>
Our strategy is to provide high quality service and value to our customers. To participate, please select the choices that best reflect your opinions.</b>.
</p>

<form method="post" action=""; onsubmit="return checkRequired(this)">
<INPUT type="hidden" NAME="form_version" VALUE="1"/>
<INPUT type="hidden" NAME="source_site" VALUE="xxx"/>
<INPUT type="hidden" NAME="thankyou" VALUE="

http://www.thankyou.htm"/>;

<INPUT type="hidden" NAME="thankyou_page" VALUE=""/>
<INPUT type="hidden" NAME="fieldorder" VALUE="Q01,Q02,Q03,Q04,Q05,Q06,Q07,Q08,Q09,Q10,Q11,Q12,Q13,Q14,Q15,Q16,Q17,Q18,Q19"/>
<p>
Please enter your ID <b>U</b><input type="text" maxlength="6" size="5" name="Q15" onBlur="validate(this)">
<p><b>HEADER</b><br>
1. Q1<br>
<table border=0>
<tr>
<Td width=150><font face="arial" size="-1"></td>
<td width=75><center><font face="arial" size="-1">Excellent</td>
<td width=150><center><font face="arial" size="-1">Very Good</td>
<td width=75><center><font face="arial" size="-1">Good</td>
<td width=75><center><font face="arial" size="-1">Fair</td>
<td width=75><center><font face="arial" size="-1">Poor</td>
</tr>
<tr>
<Td width=550><font face="arial" size="-1"><b>Management</b></td>
<td><center><input type=radio value="Excellent" name=Q01></td>
<td><center><input type=radio value="Very Good" name=Q01></td>
<td><center><input type=radio value="Good" name=Q01></td>
<td><center><input type=radio value="Fair" name=Q01></td>
<td><center><input type=radio value="Poor" name=Q01></td>
</tr>
<tr>
<Td width=550><font face="arial" size="-1"><b>Payroll Specialist</b></td>
<td><center><input type=radio value="Excellent" name=Q02></td>
<td><center><input type=radio value="Very Good" name=Q02></td>
<td><center><input type=radio value="Good" name=Q02></td>
<td><center><input type=radio value="Fair" name=Q02></td>
<td><center><input type=radio value="Poor" name=Q02></td>
</tr>
<tr>
<Td width=550><font face="arial" size="-1"><b>Operation Specialist</b></td>
<td><center><input type=radio value="Excellent" name=Q03></td>
<td><center><input type=radio value="Very Good" name=Q03></td>
<td><center><input type=radio value="Good" name=Q03></td>
<td><center><input type=radio value="Fair" name=Q03></td>
<td><center><input type=radio value="Poor" name=Q03></td>
</tr>
<tr>
<Td width=550><font face="arial" size="-1"><b>Training / Compliance Specialist</b></td>
<td><center><input type=radio value="Excellent" name=Q04></td>
<td><center><input type=radio value="Very Good" name=Q04></td>
<td><center><input type=radio value="Good" name=Q04></td>
<td><center><input type=radio value="Fair" name=Q04></td>
<td><center><input type=radio value="Poor" name=Q04></td>
</tr>
<tr>
<Td width=550><font face="arial" size="-1"><b>Employee Leasing Co. (EPIX)</b></td>
<td><center><input type=radio value="Excellent" name=Q05></td>
<td><center><input type=radio value="Very Good" name=Q05></td>
<td><center><input type=radio value="Good" name=Q05></td>
<td><center><input type=radio value="Fair" name=Q05></td>
<td><center><input type=radio value="Poor" name=Q05></td>
</tr>

</table>

<input type=submit> Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Berns · Feb 5, 2003

Great, this works perfectly!! Another star for you!

Thanks you sooo much!

Berns · Feb 10, 2003

I have 4 text boxes that I have to also chack for a value (they are not required, but if there is not a value for them when they user hits submit they should be advised that the entire form has not been completed.)

I've tried adding this functionality to this script and keep getting error messages, can someone help? here is the script:

function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}

//ID is OK so check for blank questions
var missMess = ""

for (x=1; x <= 14; x++){
if ( x < 10 ){
thisAnswer = eval("theForm.Q0" + x )
}
else{
thisAnswer = eval("theForm.Q" + x )
}
answered = false
for (y=0; y<thisAnswer.length; y++){
if (thisAnswer[y].checked){
answered = true
}
}
if (!answered){
missMess += "\n-Question #" + x
}
}

doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The entire survey has not been completed. Do you wish to submit anyway?&quot

}
return doAnyways;
}

mwolf00 · Feb 10, 2003

The code I wrote only checks radio buttons with more than 1 in each radio group (Q01 to Q14). If some fields may not be radio group arrays try this (untested)...

function checkRequired(theForm){
//check ID first
if (theForm.Q15.value.length!=6)
{
alert( "Please enter your six digit ID.&quot

;
theForm.Q15.focus();
return false;
}

//ID is OK so check for blank questions
var missMess = ""

for (x=1; x <= 14; x++){
if ( x < 10 ){
thisAnswer = eval("theForm.Q0" + x )
}
else{
thisAnswer = eval("theForm.Q" + x )
}
if (thisAnswer.length){
answered = false
for (y=0; y<thisAnswer.length; y++){
if (thisAnswer[y].checked){
answered = true
}
}
}
else{
if (thisAnswer.value == "&quot{
answered = false
}
else{
answered = true
}
}
if (!answered){
missMess += "\n-Question #" + x
}
}

doAnyways = true
if (missMess != "&quot

{
doAnyways = confirm("The entire survey has not been completed. Do you wish to submit anyway?&quot

}
return doAnyways;
} Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048

mikewolf@tst-us.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

onSubmit 1

Berns

IS-IT--Management

mwolf00

Programmer

Berns

IS-IT--Management

mwolf00

Programmer

Berns

IS-IT--Management

mwolf00

Programmer

Berns

IS-IT--Management

Berns

IS-IT--Management

mwolf00

Programmer

Berns

IS-IT--Management

mwolf00

Programmer

Berns

IS-IT--Management

Berns

IS-IT--Management

mwolf00

Programmer

Similar threads

Part and Inventory Search

Sponsor