Force 7 Digits

[gbargsley]

Does anyone know of a script that will not allow a user to continue to the next page without a input text field having 7 numeric characters?  I am trying to force the user to enter the full ID number and every ID number is 7 digits.

Garry

[FMWebschool]

Garry there are a couple ways you can do this,

Check this:

<input type="text" name="fullID" size="7" maxLength="7" >

and to force the id to be entered on submit use the form onSubmit event handler:

<form action="nextpage.htm" onSubmit="if(this.fullID.value.length!=7){alert('Enter ID');return false}" >


or you could put it into a function like this:


function formSubmit()
{
    if(this.fullID.value.length != 7)
    {
        alert('Enter ID');
        return false;
    }
    return true;
}
<form action="nextpage.htm" onSubmit="return formSubmit()">

In Kindness
Stephen Knight

[gbargsley]

That looks good, however I have a question.

I already have an onsubmit (onSubmit="return checkrequired(this)") process to a javascript that makes sure two fields have a value.

How can I incorporate this in to my script below.


<SCRIPT LANGUAGE="JavaScript">
<!-- Original: wsabstract.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function checkrequired(which) {
var pass=true;
if (document.images) {
for (i=0;i<which.length;i++) {
var tempobj=which.elements;
if (tempobj.name.substring(0,8)=="required") {
if (((tempobj.type=="text"||tempobj.type=="textarea")&&
tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
tempobj.selectedIndex==0)) {
pass=false;
break;
         }
      }
   }
}


if (!pass) {
shortFieldName=tempobj.name.substring(8,30).toUpperCase();
alert("Please make sure the "+shortFieldName+" field was properly completed.");
return false;
}
else
return formSubmit();
}
//  End -->

</script>

I edited your code, it should work now.

[FMWebschool]

I edited your code at the bottom it said:

"else
return true;
}
// End -->"

I changed the code to:

return formSubmit();

which should do the trick

In Kindness
Stephen Knight

[gbargsley]

Thanks for your help.  I put in the script as you edited and now it does not evern validate that the ID and/or School have a value.

[Michael Petrov]

Hi Garry,

You are missing the actual formSubmit function declaration, both functions have to be there but the formSubmit function will be called only after your existing validation code has been checked.

Best Regards,
Michael Petrov

[gbargsley]

Ok, I have the attached, and my empty validation work, but the checking for the length of ID is not working.

Any other suggestions?

Garry

[fmpdan]

If you are using Dreamweaver 9 then you can use the SPRY validation functions. If not you can get the files you need and docuemtnation from the adobe web site for free
http://labs.adobe.com/technologies/spry/

This is not in beta anymore. The \validation works great. It gets things validaed as the exit the field. Saves a ton of validation and JS code

[Michael Petrov]

I would like to second the Spry recommendation - all it takes is a few lines of javascript includes and then a single line for every field that you want to validate. The results are also visually impressive.

Best Regards,
Michael Petrov