Dummy needs a simple problem solved.

Blue® · Nov 3, 2003

I found this piece of JS which serves exactly what I need. It validates if
the input is exactly five numberic characters.

When it is validated, the form action is not carried out. What should I add
to the code so that the form action is carried out?

P/s: I do not know JS at all.

==================================
<html>
<head>
</head>
<body>

<script language="JavaScript1.2">
function checkpostal(){
var re5digit=/^\d{5}$/ //regular expression defining a 5 digit number
if (document.myform.RecordID.value.search(re5digit)==-1) //if match failed
alert("Please enter a valid 5 digit number.")
}
</script>

<form name="myform" ACTION="cgi-bin/dbase/dbase.cgi" METHOD="POST">
<input type="text" name="RecordID" size=15>
<input type="button" onClick="checkpostal()" value="check">
</form>
</body>
</html>

Lasse Reichstein Nielsen · Nov 3, 2003

Blue® said:
I found this piece of JS which serves exactly what I need. It validates if
the input is exactly five numberic characters.

When it is validated, the form action is not carried out. What should I add
to the code so that the form action is carried out?

P/s: I do not know JS at all.

Or HTML?
Change <input type="button" ...> to <input type="submit" ...>

However, then it will always submit. The "checkpostal" function
doesn't return any value, so there is no way for the rest of the
page to know whether the validation succeeded.

Try this:

Remeber to add a said:
<html>
<head>
</head>
<body>

<script language="JavaScript1.2">

In HTML 4 and later, the "type" attribute is required. The "language"
attribute is deprecated, and should be omitted. If it is included,
don't use the version number 1.2 unless you know what the difference
between 1.2 and 1.3 is, and in which browsers it makes a difference
(i.e., just don't).
<script type="text/javascript">

function checkpostal(){
var re5digit=/^\d{5}$/; //regular expression defining a 5 digit number
if (document.myform.RecordID.value.search(re5digit)==-1) {//if match failed
alert("Please enter a valid 5 digit number.");
return false;
}
return true;
}

</script>

<form name="myform" ACTION="cgi-bin/dbase/dbase.cgi" METHOD="POST">

It is smarter to add validation to the submit event of the form, then
it is checked no matter how the form is submitted.

<input type="text" name="RecordID" size=15>
<input type="button" onClick="checkpostal()" value="check">

Just make it a submit button then:

</form>
</body>
</html>

Good luck.
/L

Blue® · Nov 3, 2003

Thanks, Lasse. It works!!!

I spent the whole morning for it. Luckily you stepped in. The final code is
as below:

==================================
Lawrence Lam
Keywords: Validate JS Javascripts input form digit digits number character
characters
==================================

<script type="text/javascript">

function checkpostal(){
var re6digit=/^\d{6}$/; //regular expression defining a 6 digit number
if (document.myform.RecordID.value.search(re6digit)==-1) {//if match
failed
alert("Please enter a valid 6-digit number.");
return false;
}
return true;
}
</script>

<FORM name=myform ACTION="cgi-bin/dbase/dbase.cgi" METHOD="POST"
onsubmit="return checkpostal()">
<b>Quick Machine Search<br>
</b>Please enter <i>Record ID</i>:<br>
<input type=text name="RecordID" size="16"><font color="#808080"> <br>
</font>
<input type=submit value="Search Machine"><hr color="#FF0000"
size="1"></form>

Problem in getting dashboard page from login page in python pycharm using POST command	0	Dec 24, 2022
Var and let simple beginner problem	1	Nov 8, 2019
Help me sort out this script	1	Oct 17, 2023
Check forms With JavaScript	1	Mar 28, 2023
Uhhhhh, What can I do next?	6	Nov 25, 2023
Reversing output of user input by using while loop...	2	Sep 1, 2022
Opera dynamic opacity: solved	1	Jan 8, 2006
Script to send email not working	1	Apr 10, 2023

Dummy needs a simple problem solved.

Blue®

Lasse Reichstein Nielsen

Blue®

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads