let's try this again...

**Golgotha** · Sep 10, 2003, 10:39

what I'm trying to do is if the username is blank then have it alert them to fill it in and give it focus...[THIS WORKS]

but then, I also want it to check the password and make sure it's not null and if it is have it tell them to fill it out and give IT focus.

Code:

 
<%@LANGUAGE="JAVASCRIPT"%>
<%
Session("HandHeldObject")= null
Session("HandHeldObject")= Server.CreateObject("HandHeldItemMaint.HandHeldATL");
Session.Timeout = 300 //5 hours  
var objHandHeld = Session("HandHeldObject");
if (Session("HandHeldObject").Open() == false){ 
%>
<script language="JavaScript">
alert("ERROR: " + "<%=objHandHeld.ErrorMessage%>"); 
</script>
<%
} //<--FROM ABOVE IF
%>
<html>
<head>
<title>Hand Held Logon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function validate() { 
if( (document.formhandheld.username.value.length <=0) || 
(document.formhandheld.username.value == "") )
 { 
  alert("Enter a usernumber"); 
 document.formhandheld.username.focus(); 
 
 
  var authenticate = true; 
  
   if (authenticate == true) { 
	return false; 
   } 
   else { 
  return true; 
  } 
 } 
}
</script>
</head>
<body bottommargin="0" topmargin="0" rightmargin="0" leftmargin="0">
<!--code to stop keypad from coming up /  DOESNT WORK -->
 <OBJECT ID="txtNoSIP" CLASSID="clsid:A72D105-40C2-11D6-918E-00C0DF232EEE" width="95" height="20">
  <PARAM NAME=VALUE VALUE="">
  <PARAM NAME=MAXLENGTH VALUE=30>
  <PARAM NAME=ALIGNMENT VALUE=LEFT>
 </OBJECT>
 <SCRIPT language="JavaScript" FOR="txtNoSIP" EVENT="OnFocus()">txtNoSIP.ShowSIP(false);</SCRIPT>
 <SCRIPT language="JavaScript" FOR="txtNoSIP" EVENT="OnLostFocus()">txtNoSIP.ShowSIP(false);</SCRIPT>
<form name="formhandheld" action="pocketLogInProcess.asp" method="post" onSubmit="return validate()"> 
<table width="225" height="320" border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td bgcolor="#e3e3e3" valign="top">
 <table width="100%" height="320" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td bgcolor="#e3e3e3" height="*" valign="top">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
	 <td colspan="2" align="center" bgcolor="#00CC33">
	 <font size='-1' face='verdana,arial'><%=objHandHeld.ItemTitle%></font>
	 </td>
	 </tr>
	 <tr>
	  <td>&nbsp;</td><td>&nbsp;</td>
	 </tr>
   <tr>
	  <td colspan="2"><font face='verdana,arial'>Please Sign On</font></td>
	 </tr>
	 <tr>
			<td><font face='verdana,arial'>User Number:</font></td>
   <td align="right"><input name="username" type="text" size="15" maxlength="9"></td>
	 </tr>
	 <tr>
	  <td height="19" ><font face='verdana,arial'>Password:</font></td>
			<td align="right"><input name="password" type="password" size="15" maxlength="4"></td>
	 </tr>
			  </table>
   </td>
		</tr>
		<tr>
		  <td bgcolor="#999999" height="28"><div align="center">
			  <input type="submit" name="OK" value="&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;">
	   <input type="reset" name="Cancel" value="&nbsp;&nbsp;Cancel&nbsp;&nbsp;">
	 <input type="button" name="Help" value="&nbsp;&nbsp;&nbsp;Help&nbsp;&nbsp;&nbsp;" onClick="window.location.href="pocketLogin_Help.asp"">
			</div></td>
		</tr>
	  </table></td>
  </tr>
</table></form>
</body>
</html>

**patrikG** · Sep 10, 2003, 11:48

Try

Code:

<script language="JavaScript"> 
function validate() 
	{
	if((document.formhandheld.username.value.length <=0) || (document.formhandheld.username.value == "" )) 	
		{ 
		alert("Enter a usernumber" ); 
		document.formhandheld.username.focus(); 
		return true; 
		} 
	if((document.formhandheld.password.value.length <=0) || (document.formhandheld.password.value == "" )) 	
		{ 
		alert("Enter a Password" ); 
		document.formhandheld.password.focus(); 
		return true; 
		} 
	return false;
	}
</script>

**beetle** · Sep 10, 2003, 11:51

ahem

</plug>

Now, for the direct answer

Code:

function validate( f )
{ 
	if( ( f.username.value.length <= 0 ) || ( f.username.value == "" ) )
	{ 
		alert( "Enter a usernumber" ); 
		f.username.focus(); 
		return false;
	}
	if ( f.password.value.length <= 0 ) || ( f.password.value == "" ) )
	{
		alert( "Enter a password" );
		f.username.focus();
		return false;
	}
	return true;
}
 
...
 
<form name="formhandheld" action="pocketLogInProcess.asp" method="post" onSubmit="return validate(this)">

There are several refactoring steps that could be taken still, but, this should get you going in the right direction.

**patrikG** · Sep 10, 2003, 11:56

Ah, now that comes from focusing too narrowly on the problem at hand and not checking my code and doing it too quickly

I should have looked at what happens on return false or true...

**Golgotha** · Sep 10, 2003, 12:04

ok that works, but what is they hit spacebar in both fields, then I get an error

**bbolte** · Sep 10, 2003, 12:39

you may have to use a regular expression then. or right a check for spaces, but then you'd have to loop through each character to make sure they didn't hit the spacebar numerous times. look into regular expression, would be more efficient in the long run.

**bbolte** · Sep 10, 2003, 13:46

here's something that may get you started, it won't allow anything in the field except alpha numeric characters. i tested it some, not extensively...

Code:

<html>
<head>
<title>js test</title>
<script language="JavaScript">
function validateForm(){
var str=document.forms[0].textfield.value
var filter=/[a-zA-Z0-9]/
if (!filter.test(str)){
alert("Those aren't the correct characters!" );
document.forms[0].textfield.focus();
return false;
}
else{
alert("Those are correct characters!" );
return true;
}
}
</script>

</head>
<body>
<form action="" onSubmit="return validateForm();">
<input type="text" name="textfield">
<input type="submit" name="submit" value="Test the Field">
</form>
</body>
</html>

**bbolte** · Sep 10, 2003, 13:52

actually, it's not quite right. if you put "1a 433xxx" it still validates. but you can get the drift from this anyway.

**bbolte** · Sep 10, 2003, 13:58

but this pattern seems to work:

Code:

function validateForm(){
 var str=document.forms[0].textfield.value;
 //var filter=/^[a-zA-Z0-9]/;
 var filter=/\W/
 if (filter.test(str)){
  alert("Those aren't the correct characters!")
  document.forms[0].textfield.focus();
  return false;
 }
 else{
  alert("Those are correct characters!");
  document.forms[0].textfield.focus();
  return true;
 }
}

**Golgotha** · Sep 10, 2003, 14:12

I did

Code:

isNaN(parseInt(f.username.value))

and it seems to work

**beetle** · Sep 10, 2003, 14:18

Or, you can use fValidate!

</plug> </again>

**bbolte** · Sep 10, 2003, 14:31

Originally Posted by Golgotha

I did

Code:

isNaN(parseInt(f.username.value))

and it seems to work

ooh, hadn't thought of that. will have to look into that.

**patrikG** · Sep 10, 2003, 14:36

There's an aweful lot of unplugging going on

The SitePoint Forums have moved.

User Tag List

Thread: let's try this again...

Thread Tools

Display

let's try this again...

Bookmarks

Bookmarks

Posting Permissions