DaniWeb Forum Index > Web Development > JSP

Adding form validation for numeric values

Please support our JSP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2009

Posts: 10

Reputation: vishalanuj is an unknown quantity at this point

Solved Threads: 0

vishalanuj vishalanuj is offline

Offline

Newbie Poster

Adding form validation for numeric values

Oct 13th, 2009

 Help with Code Tags 
 JSP Syntax (Toggle Plain Text) 
<%-- 
    Document   : AddCity
    Created on : Oct 6, 2009, 9:14:52 PM
    Author     : Vishal
--%>
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body onload="ShowMessages();">
	<html:form action="AddPage.do">
 
	<p><a href="HomePage.do">HomePage</a></p>
		Cityname:
		<input type="text" name="cn" value="">
		PinCode:
		<input type="text" name="pc" value=""><br>
		<input type="button" name="Submit" value="Submit1" onClick="checkpincode();onSubmit()">
		<div id="message" style="position:relative;left:0;top:0;display:none"><html:errors/></div>
	</html:form>
	</body>
</html>
 
<script>
function onSubmit()
{
	document.forms[0].action="AddPageSuccess.do";
	document.forms[0].submit();
}
function ShowMessages()
{
	var msg= document.getElementById("message").innerHTML;
	if(msg!=null && msg.length >0)
	{
		msg=msg.replace(/<BR>/g,"\n ");
		msg=msg.replace(/<br>/g,"\n ");
		alert(msg);
		document.getElementById("message").innerHTML="";
	}
}
</script>
<%-- 
    Document   : AddCity
    Created on : Oct 6, 2009, 9:14:52 PM
    Author     : Vishal
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body onload="ShowMessages();">
	<html:form action="AddPage.do">
	
	<p><a href="HomePage.do">HomePage</a></p>
		Cityname:
		<input type="text" name="cn" value="">
		PinCode:
		<input type="text" name="pc" value=""><br>
		<input type="button" name="Submit" value="Submit1" onClick="checkpincode();onSubmit()">
		<div id="message" style="position:relative;left:0;top:0;display:none"><html:errors/></div>
	</html:form>
	</body>
</html>

<script>
function onSubmit()
{
	document.forms[0].action="AddPageSuccess.do";
	document.forms[0].submit();
}
function ShowMessages()
{
	var msg= document.getElementById("message").innerHTML;
	if(msg!=null && msg.length >0)
	{
		msg=msg.replace(/<BR>/g,"\n ");
		msg=msg.replace(/<br>/g,"\n ");
		alert(msg);
		document.getElementById("message").innerHTML="";
	}
}
</script>

•

Join Date: Oct 2009

Posts: 10

Reputation: vishalanuj is an unknown quantity at this point

Solved Threads: 0

vishalanuj vishalanuj is offline

Offline

Newbie Poster

Oct 13th, 2009

I want to add a javascript in the jsp form for the form validation of numbers in the pincode text area.I know it's easy but just not clicking

.Any help would be appreciated.

•

Join Date: Dec 2004

Posts: 4,182

Reputation: peter_budo has much to be proud of

Solved Threads: 481

peter_budo peter_budo is offline

Offline

Code tags enforcer

Oct 13th, 2009

onChange - the onchange event occurs when a control loses the input focus and its value has been modified since gaining focus. This attribute applies to the following elements: INPUT, SELECT, and TEXTAREA.

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, Graduate & Undergraduate Software Development Community, JAVAWUG (Java Web User Group), The London Android Group

•

Join Date: Oct 2009

Posts: 10

Reputation: vishalanuj is an unknown quantity at this point

Solved Threads: 0

vishalanuj vishalanuj is offline

Offline

Newbie Poster

Oct 13th, 2009

This javascript is giving an error

 Help with Code Tags 
 JavaScript Syntax (Toggle Plain Text) 
function checkpincode(elem,helperMsg)
{
	var numericExpression=[0-9];
	if(elem.value.match(numericExpression))
	{
		return true;
	}
	else
	{
		alert(helperMsg);
		elem.focus();
		return false;
	}
 
}
function checkpincode(elem,helperMsg)
{
	var numericExpression=[0-9];
	if(elem.value.match(numericExpression))
	{
		return true;
	}
	else
	{
		alert(helperMsg);
		elem.focus();
		return false;
	}
	
}

The page is giving an error "undefined is null or not an object".Perhaps i need to provide an action path for the checkpincode() javascript.But i don't know where.Or there might be some other reason.

Last edited by peter_budo; Oct 13th, 2009 at 12:09 pm. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)

•

Join Date: Oct 2009

Posts: 6

Reputation: ddempsey96 is an unknown quantity at this point

Solved Threads: 0

ddempsey96 ddempsey96 is offline

Offline

Newbie Poster

Oct 13th, 2009

Does [0-9] need to be in quotes?

•

Join Date: Jun 2006

Posts: 7,608

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 463

~s.o.s~

Offline

Failure as a human

Oct 13th, 2009

> Does [0-9] need to be in quotes?

No, it needs to be placed inside forward slashes to be considered as a regular expression. Of course, if you place them inside quotes, you need to explicitly use the RegExp() constructor.

@vishalanuj
That regex won't work. Try something like:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
// This restricts the pin code to only digits with at least one
// digit required.
/^[0-9]+$/.test(txtField.value)
// This restricts the pin code to only digits with at least one
// digit required.
/^[0-9]+$/.test(txtField.value)