Form Validation with alert box

Gregc. · Aug 27, 2006

Hi

Would someone have a basic example of form validation that validates
name and address, but using only one alert box that displays which
fields haven't been completed? I can do it on an individual basis, but
want to consolidate it to one alert message.

G

Tim Williams · Aug 28, 2006

Gregc. said:
Hi

Would someone have a basic example of form validation that validates
name and address, but using only one alert box that displays which
fields haven't been completed? I can do it on an individual basis, but
want to consolidate it to one alert message.

G

Why not show what you have so far?

Tim

RobG · Aug 28, 2006

Gregc. said:
Hi

Would someone have a basic example of form validation that validates
name and address, but using only one alert box that displays which
fields haven't been completed? I can do it on an individual basis, but
want to consolidate it to one alert message.

Loop through the controls and check them. Start with an empty error
message string, then concatenate error messages as you go. When you've
finished, check the string. If it's empty, you haven't detected any
errors. Otherwise, display the message.

A better solution is to have an error message area associated with each
input that is validated. Validate individual controls onblur (or onkey
press, onchange, whatever suits) and write error messages to the error
message area. That way the user can see the messages and correct the
input while it's still there. When they get it right, the message
disappears.

It fits well with server-side validation too - the validated page is
returned with server-supplied messages in the error message areas.

There are lots of examples in the archives.

Gregc. · Aug 28, 2006

Tim said:
Tim

Tim, this is what I have done so far:

<html>
<head>
<script type="text/javascript">
function updateOrder(obj){
var type = obj.name;
var pizza= new Array("Supreme", 12);
var pizza2 = new Array("Italian",12);
var w=obj.selectedIndex;
var selected_text = obj.options[w].text;
var qty1=document.getElementById("orderQty");
var piz1=document.getElementById("PizzaType")
var oSum = document.forms.form1.orderQty;
var inLisAlready = false;

for(i=0; i<oSum.length; i++){
if(oSum.options.value==qty){
if(obj.value==0){
oSum.options=null;
}
else
{oSum.options.text=(obj.value);
}
inLisAlready=true;
break;
}
}
if (!inLisAlready){
if(obj.value!=0){
oSum.options[oSum.length]= new Option (obj.value);
}

}

}

</script>
</head>
</script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"
style="text-align:center">
<form name="form1" method="post" action="" onsubmit="">
<select name="Supreme" id="Supreme" onchange="updateOrder(this);">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"
style="text-align:center">
<form name="form1" method="post" action="" onsubmit="">
<select name="Italian" id="Italian" onchange="updateOrder(this);">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<td bgcolor="#FFE9BB" class="borderBR"><select name="Type of Pizza"
size="10" id="PizzaType">

<option>Pizza Ordered</option>

</select> </td>

<td bgcolor="#FFE9BB" class="borderBR"><select name="orderQty" size="4"
multiple="multiple" id="orderQty">
</select>

</body>
</html>

Gregc. · Aug 28, 2006

Gregc. wrote:
I ended up working it out.

Greg

How can I remove the specific error message after regex validation is done?	1	Jan 25, 2023
Login form no longer working	2	Feb 18, 2023
Alert() doesn't. Why?	31	Jun 16, 2011
onfocus after alert box.	3	Jun 8, 2008
Alert box and pop up blockers?	4	Oct 5, 2009
alert box is closed automatically	1	Oct 14, 2006
If a validation script fails, how do I place focus back into the field until entered correctly	2	May 14, 2017
radiobutton form validation	1	Sep 25, 2007

Form Validation with alert box

Gregc.

Tim Williams

RobG

Gregc.

Gregc.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads