|
plz give me the easiest code for the follwing pincode and password validation form:
A valid pincode contains
1)only digits
2)no. of digits should be atleast 5 and maximum 10
If pincode is invalid ,message should appear and the invalid text should disappear with focus back on the text box.
A valid password contains
1)only non-negative nos.
2)no. of digits after decimal point should not exceed 2.
3)no symbols are allowed
If password is invalid ,message should appear and the invalid text should disappear with focus back on the text box.
|
|
|
1. 1 wae...chek yuzer input as him input it
-------------------
<html>
<head>
</head>
<body bgcolor="#aaffbb" text="black">
<pre>
c:\web\jtest5.htm, Saturdae, 09 Oct 04 at 10003
1. input form...numbers such as SSn or fone number
2. kount # chars in eech feeld as yuzer input it
3. wen feeld full, jump tu next feeld
4. if nondigit input, tell yuzer & get rid av that char
<!>
<script language="JavaScript">
<!-- ***************** javaskript ****************
//* document.write("<pre>");
var tudae=new Date();
document.write("\n tudae=",tudae);
//*
//*
//**************** gonextfld
function gonextfld(kaller,maxleng, kallevnt){
//***** 1. value=all chars in now feeld
kalvalu=kaller.value;
kalleng=kaller.value.length;
keekode=kallevnt.keyCode;
//***** temp wile testing...sho sum stuff
//* string1="1, in funk auto, max="+maxleng+", value="+kalvalu;
//* string2=", kall leng="+kalleng;
//* string3=", kee kode="+keekode;
//* skript1=string1+string2+string3;
//* alert(skript1);
//********** if yuzer input tab, retern, bakspaes...exit
//* tab...system muves kerser tu next feeld
//*** ignores bakspaes...mae wanna chaenj & move tu b4 feeld
if(keekode == 0){return true}//null
if(keekode == 8){return true}//bakspaes
if(keekode == 9){return true}//tab
if(keekode == 13){return true}//retern
//*
//***** 2. wich feeld yuzer is on...0,1,2...(max-1)
nowindex=kountflds(kaller);
numboxes=kaller.form.length;
//* string1="2. feeld index="+nowindex;
//* string2=" # boxes="+numboxes;
//* skript1=string1+string2;
//* alert(skript1);
//*
//***** 3. if tu many chars in now-feeld, cut it
if(kalleng > maxleng){
//* isolate first fyu chars...up tu maxleng chars
nuvalu=kalvalu(0,maxleng);
//* rite thees chars bak intu kallers feeld
kaller.value=nuvalu;
kalvalu=nuvalu;
kalleng=maxleng;
}
//****** bottom av if
//*
//***** 4.input gotta be digits onlee...chek it
numerr=0;
werkstring="";
kalleng=kalvalu.length;
for(loopd=1; loopd <= kalleng; loopd=loopd+1){
//* isolate 1 char
nowspot=loopd-1;
char01=kalvalu.charAt(nowspot);
//* see if it is a digit
number=ifdigit(char01);
if(number >= 0){werkstring=werkstring+char01}
if(number < 0){
numerr=numerr+1;
string1="error...nondigit="+char01+", will remuev it";
alert(string1);
}
//***** bottom av if
}
//***** bottom av loop
if(numerr > 0){kaller.value=werkstring;
kalvalu=werkstring}
//*
//***** 5.if now feeld is full, muev tu next feeld
kalleng=kalvalu.length;
if(kalleng >= maxleng){
maxindex=numboxes -1;
nextindex=nowindex+1;
if(nextindex > maxindex){nextindex=0}
//* string1="4. muev tu next fleed...index="+nextindex;
//* alert(string1);
//******* muev kerser forward 1 feeld....set focus
kaller.form[nextindex].focus();
}
//***** bottom av if
}
//******** bottom av gonextfld
//*
//*
//**************** kountflds
function kountflds(kaller){
numboxes =kaller.form.length;
var index=-1;
var i =0;
//*********** loop thru input feelds
for(i=0; i < numboxes; i=i+1){
if(kaller.form == kaller){index=i;return index}
}
//******** bottom av loop
return index}
//***** bottom av kountflds
//*
//*************** ifdigit *****************
function ifdigit(inchar){
//* see if kaller's char is a digit
//* if yes, giv him anser=0 tu 9.... not digit...anser=-1
//** Wednesdae 24 Dec 03 at 1315
//***********
var testchar1=inchar.charAt(0);
//* document.write("\n top av ifdigit, char=",testchar1);
var anser=-1;
var cdigits=new Array(11);
cdigits[1]="0";
cdigits[2]="1";
cdigits[3]="2";
cdigits[4]="3";
cdigits[5]="4";
cdigits[6]="5";
cdigits[7]="6";
cdigits[8]="7";
cdigits[9]="8";
cdigits[10]="9";
//***** isolate char 1 from kaller's string
var loopd=0;
for(loopd=1; loopd <=10; loopd=loopd+1){
var digitx=cdigits[loopd];
if(testchar1 == digitx){
anser=loopd-1;
return anser}
}
anser=-1;
return anser}
//********* bottom av ifdigit
//*
//****************** program start *************
//*
document.write("\n ****** bottom av skript stuf");
// -->
</script>
<!******************* html *******************>
<!******** form>
<form name="inputf"
<table>
<tr>
<! ************* fone number=3 feelds>
</pre>
<td>fone number
<input size="4" maxlength="3"
onKeyUp="return gonextfld(this,3,event)">
<! temp test...transparent bakground>
<! style="background:transparent">
<input onKeyUp="return gonextfld(this, 3, event)" size="4" maxlength="3"> -
<input onKeyUp="return gonextfld(this, 4, event)" size="5" maxlength="4">
</td>
</tr>
<!*********>
<br>
<tr>
<td>Social Security Number
<input onKeyUp="return gonextfld(this, 3, event);" size="4" maxlength="3"> -
<input onKeyUp="return gonextfld(this, 2, event);" size="3" maxlength="2"> -
<input onKeyUp="return gonextfld(this, 4, event);" size="5" maxlength="4">
</td>
</tr>
</table>
</form>
<!****** bottom av form>
<script language="JavaScript">
<!--
//* this puts kerser on first element in the form but onlee on loed
document.forms[0].elements[0].focus();
//*
//-->
</script>
</body>
</html>
|
|
|
2. different approach: after yuzer input all, chek the number
---------------------
<html>
<head></head>
<body bgcolor="#aaffbb" text="black">
<pre>
c:\web\jtest5b.htm
Fridae, 05 Okt 07 at 1520
<! bakup=jsave5b.htm>
1. input 1 feeld...numbers maby with separater such as "-"
2. kount # digits & isolate number part (remuve nondigits)
<!>
<script language="JavaScript">
<!-- ***************** javaskript ****************
var numdigits=0;
//*
//**************** chekchar
function chekchar(kaller,kallevnt){
//* if yuzer hit retern, akt like submit
keekode=kallevnt.keyCode;
//***** look for karraej retern...ascii 13
if(keekode == 13){kallprog(kaller)}
return}
//******** bottom av chekchar
//**
//*******************
function kallprog(kaller){
//******** put kerser on first feeld av form
document.inputf.yuzernumb.focus();
//******** get yuzer input
string1=kaller.yuzernumb.value;
stringx="input="+string1;
alert(stringx);
//******** isolate & kount digits
teststr=getdigit(string1);
numdigits=teststr.length;
stringx="digits oenlee="+teststr+", # digs="+numdigits;
alert(stringx);
//******** blank area for errer messaej
document.anserf.mess1.value=" ";
//******** chek input
if(numdigits < 1){
stringx="errer...yu did not input fone number (required)";
document.anserf.mess1.value=stringx;
document.inputf.yuzernumb.focus();
return}
//*
//********* dummy loop...see if yuzer input rite number av digits
for(var loopt=1; loopt <2; loopt=loopt+1){
//*** US...lokal fone #=7 digits, long dist=10 digits
if(numdigits == 7){break}
if(numdigits == 10){break}
//*** yuzer mae input... xtra digit=1 for long dist...1-800-123-4567
if(numdigits == 11){
var char01=teststr.charAt(0);
//* stringx="inside loop, # digs=11, first="+char01;
//* alert(stringx);
if(char01 == "1"){break}
//**** errer...2 many digits
stringx="errer...yu input 11 digits, first digit="+char01;
stringx=stringx+", first digit shood=1";
document.anserf.mess1.value=stringx;
document.inputf.yuzernumb.focus();
return;
}
//*** rong number av input digits
stringx="errer...yu input "+numdigits+" digits, shood input 7 or 10 digits"
document.anserf.mess1.value=stringx;
document.inputf.yuzernumb.focus();
return;
}
//***** bottom av loop
stringx="yer fone number look ok"
alert(stringx);
//******** aft cheks
return}
//******** bottom av kallprog
//*
//****************** getdigit ***************
function getdigit(instring){
//* Wednesdae, 29 Mar 06 at 1520
//* extrakt digits from kallers string
//* bild outstring...has all digits found
//********
numdig =0;
var outstring="";
var maxchar=instring.length;
if(maxchar < 1){return outstring}
//********
var ispot =0;
var jspot =0;
var nowspot =0;
var cdigits ="0123456789";
//***************** look at evree char in callers string
for(ispot=1; ispot<=maxchar; ispot=ispot+1){
nowspot =ispot-1;
//**** get 1 char from string
var char01=instring.charAt(nowspot);
//********** see if char is a digit
for(jspot=1; jspot<=10; jspot=jspot+1){
var char02=cdigits.charAt(jspot-1);
if(char01 == char02){numdig=numdig+1;
outstring=outstring+char01;
break}
}
//****** bottom av jspot loop
}
//********* bottom av ispot loop
return outstring
}
//********** bottom av getdigit
// -->
</script>
<! ************************* html **********************>
<div style="position:relative;left:0;top:-50px;width:777px">
<! *************** input form>
<form name="inputf" onKeyUp="return chekchar(this,event)">
<table border=1 bgcolor="#ffccbb">
<!***** input roe 1>
<tr onMouseOver="this.style.backgroundColor='#fef886'"
onmouseout ="this.style.backgroundColor='#ffccbb';">
<!******1>
<td>input test number such as fone #, ss#, kredit kard number
<input type=text name="yuzernumb" value="(123)456-7890#x" size=20>
</td>
</tr>
<!******2>
<tr>
<!****** 1=submit>
<td style="background-color:#8dcff4" align="center">
<input type=text value=" GO .................." size=8
style="cursor:pointer;cursor:hand;border:3px solid red"
onClick="kallprog(document.inputf)"></td>
</tr>
</table>
</form>
<!>
<! ****************** anser form *****************>
<! yuze this for maby errer messaej>
<form name="anserf">
<table bgcolor="#e62b86"
style="border:solid 3px blue;width:600px">
<!************ put ansers heer>
<tr bgcolor="#bfe2f9">
<td><input type=text name="mess1" value=" " size=70
style="color:red;font-size:16px;line-height:18px;font-weight:700;">
</td>
</tr>
</table>
</form>
<!>
<script language="JavaScript">
<!-- ****************** javaskript *****************
//* put kerser on input feeld
document.inputf.yuzernumb.focus();
//-->
</script>
</body>
</html>
|
|
|
|
|
Beautiful blog with great informational content. Mostly certifications related and validation code related topics are really very good. testking 642-892, testking 70-294 and testking E20-322 are also good topics. Thanks for this great sharing.
|
|
|
Beautiful blog with great informational content. Mostly certifications related and validation code related topics are really very good. testking 642-892, testking 70-294 and testking E20-322 are also good topics. Thanks for this great sharing.
|
|
|
|
|
|
|
|