Min. # of Characters in a form field 1

Berns · Jan 31, 2003

i need help with 2 things -
1. i have a a form w/a text field, i want the users input to be 6 characters, no more no less

2. same form, not every field is required but when the user hit submit i want an alert saying that the "entire form has not been completed do you want to proceed yes/no?"

can anyone get me started?

onpnt · Jan 31, 2003

first question you can do a onBlur in the text field to check for .length of the field and alert as needed

second question
onSubmit loop through all the form field and upon recieving one that is a emtpy value send the alert. use a confirm in that conditioning to give the the chance to stop the submission and if confirm then return false to stop the process for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

onpnt · Jan 31, 2003

here's a cheesee example
<html>
<head>
<script>
function sixChk(obj) {
if (obj.value.length!=6) {
alert("you must have 6 cahracters in this field&quot

;
obj.focus();
}
}

function checkForm() {
var frm = document.forms[0];
for(var x =0; x < frm.length; x++) {
if(frm.elements[x].value == "&quot

{
alert("need a value in field "+frm.elements[x].name);
return false;
}
}
}
</script>
</head>
<body>
<form name="frm" onSubmit="return checkForm()" method="get">
six characters only <input type="text" name="sixChar" onBLur="sixChk(this)"><br>
others<br>
<input type="text" name="txt2"><br>
<input type="text" name="txt3"><br>
<input type="text" name="txt4"><br>
<input type="text" name="txt5"><br>
<input type="text" name="txt6"><br>
<input type="submit" value="submit">
</form>
</body>
</html> for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

I am currently using onBlur to make sure that that field is complete, can I add something to this script to check that the ID is 6 digits? Otherwise how would I use 2 onBlur? here is the code:
function checkRequired( theForm )
{
var bMissing2 = false;
if ( 0 == theForm.Q15.value )
bMissing2 = true;

if ( bMissing2 )
{
alert( "Please enter your six digit ID number.&quot

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

4345487 · Jan 31, 2003

1. <input type="text" name="xxx" id="yyy" size="10" maxlength="10">

onpnt · Jan 31, 2003

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

; for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

I tried replacing
if ( bMissing2 )
{
alert( "Please enter your six digit ID number.&quot

;

with

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

;

And it did not work, is that what you are instructing me to do?

onpnt · Jan 31, 2003

try this one instead,
if (theForm.Q15.value.length!=6)

did you get a error? for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

That one worked perfectly, thanks!

in terms of validating the form, I currently have the onsubmit set as follows:
onsubmit="return checkRequired(this)"

How can I implment the script that you provided above:
onSubmit="return checkForm()"

Can I just substitute:
function checkForm()
to this
function checkRequired()
??

onpnt · Jan 31, 2003

no, you can't add the two function to call in the onSubmit at least easily.
just add the script to the function you already have after the other conditional terms you state have been met.

let us know if you ahve problems getting them to talk right for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

It didn't work, this is what I have:

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 GID.&quot

;
theForm.Q15.focus();
return false;
}
else
{
return true;
}
//your code
var frm = document.forms[0];
for(var x =0; x < frm.length; x++) {
if(frm.elements[x].value == "&quot

{
alert("need a value in field "+frm.elements[x].name);
return false;
}
}
}

onpnt · Jan 31, 2003

try this I may have missed a }
function checkRequired(theForm) {
var frm = document.forms[0];
var bMissing2 = false;
for(var x =0; x < frm.length; x++) {
if(frm.elements[x].value == "&quot

{
alert("need a value in field "+frm.elements[x].name);
return false;
}
}
if ( 0 == theForm.Q15.value )
bMissing2 = true;
if (theForm.Q15.value.length!=6) {
alert( "Please enter your six digit GID.&quot

;
theForm.Q15.focus();
return false;
} else {
return true;
}
} for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

It looks like that would work, the problem is that I have a bunch of hidden fields and it is picking those up and requesting a value, Urg!

Any ideas?

Thanks for all of your help!!

onpnt · Jan 31, 2003

actually a small fix as long as you have a set naming convention for your input's
for(var x =0; x < frm.length; x++) {
if(frm.elements[x].name.indexOf('txt')!==-1){
if(frm.elements[x].value == "&quot

{
alert("need a value in field "+frm.elements[x].name);
return false;
}

you'll see from my firs example of this that I named my inputs txt2 txt3 etc.. the indexOf function will check for the instance of a set pattern (in this case txt) and as set in thename of the element that is currently being focus'd on. so if this condition is not met then you skip over the next condition and move to the next field.

you can also reverse this process to skip over any hidden form fields as lons as there is a common part in the naming again. for the best results to your questions: FAQ333-2924
Is your question a most FAQ?? Find out here FAQ333-3048

http://www.onpntwebdesigns.com/aspTut4.asp

Berns · Jan 31, 2003

Great, Thanks a million!

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!

Min. # of Characters in a form field 1

Berns

IS-IT--Management

onpnt

Programmer

onpnt

Programmer

Berns

IS-IT--Management

4345487

Programmer

onpnt

Programmer

Berns

IS-IT--Management

onpnt

Programmer

Berns

IS-IT--Management

onpnt

Programmer

Berns

IS-IT--Management

onpnt

Programmer

Berns

IS-IT--Management

onpnt

Programmer

Berns

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor