form validation with

dontpunchme · Sep 30, 2002

I am trying to validate a form.... if the form isn't valid... rather than popping an alert box.... I would like to write a line of text (document.write) an error message in the form where the error showed up.

current script:

<SCRIPT LANGUAGE="JavaScript">
<!-- //

function checkInput2(form)
{
if (form.elements['sp-q'].value == "" || form.elements['sp-q'].value == "null&quot

{
alert("\n Please fill in the box below.)&quot

;
return false;
}
else
{
return true;
}
}
// -->
</SCRIPT>

Form:
<form method="get" name="offer_form" action="#" onSubmit="return checkInput2(this)">
Name: <input size=10 name="sp-q">
</form

onpnt · Sep 30, 2002

I had to do this once and remember the quickest way I thought of was to create boxes above each input field and have no border shown to it appeared they were not there. then on error I filled the field with the error allocating it above the field in error.

I know there has got to be a easier way to dynamicaly write to the screen in javascript though. this is just one option A language that doesn't affect the way you think about programming is not worth knowing.

http://www.onpntwebdesigns.com

admin@onpntwebdesigns.com

onpnt · Sep 30, 2002

I wrote this example for you to see what I meant

<html>
<head>
<script>
function Val(){
if (frm.txt1.value == "&quot

{
frm.txt1error.value = "Error in this box!"
return false;
}
else
{
return true;
}
}
</script>
</head>
<body>
<form name="frm" onSubmit="return Val()">
<table>
<tr><td>
<input type="text" name="txt1error" style="border:none;color:red;">
<input type="text" name="txt1">
</td></tr>
<tr><td colspan=2><p align=right>
<input type="submit" value="submit"></p>
</td></tr>
</table>
</form>
</body>
</html> A language that doesn't affect the way you think about programming is not worth knowing.

http://www.onpntwebdesigns.com

admin@onpntwebdesigns.com

starway · Oct 1, 2002

I'd also add "disabled" property to <input type="text" name="txt1error"> so the user will not type anything in it accidentially.

You can also use innerHTML or innerText, but it has less support among different browsers and therefore I don't think it's a good idea to limitate form functionality bacause of that.

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!

form validation with

dontpunchme

Programmer

onpnt

Programmer

onpnt

Programmer

starway

Programmer

Similar threads

Part and Inventory Search

Sponsor