Ad:

JSP Discussion Thread
Unsolved
Views: 2176

Oct 13th, 2009

Adding form validation for numeric values

Expand Post »

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>

Similar Threads

sample code for form validation using ajax in JavaScript / DHTML / AJAX
Dreamweaver php form validation and redirect in PHP
Javascript form validation to PHP processing in JavaScript / DHTML / AJAX
php regex for form validation in PHP
PHP Form Validation ??? in PHP

vishalanuj

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Oct 2009

Permalink

Oct 13th, 2009

Re: Adding form validation for numeric values

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.

vishalanuj

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Oct 2009

Permalink

Oct 13th, 2009

-1

Re: Adding form validation for numeric values

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.

peter_budo

Moderator

Featured Poster

Reputation Points: 2786

Solved Threads: 874

Code tags enforcer

Offline

6,659 posts
since Dec 2004

Permalink

Oct 13th, 2009

Re: Adding form validation for numeric values

This javascript is giving an error

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)

vishalanuj

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Oct 2009

Permalink

Oct 13th, 2009

Re: Adding form validation for numeric values

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

ddempsey96

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Oct 2009

Permalink

Oct 13th, 2009

Re: Adding form validation for numeric values

> 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:

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)

Last edited by ~s.o.s~; Oct 13th, 2009 at 12:53 pm.

~s.o.s~

Super Moderator

Featured Poster

Reputation Points: 3241

Solved Threads: 719

Failure as a human

Offline

8,873 posts
since Jun 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JSP Forum Timeline: JSP and Calendar View

Next Thread in JSP Forum Timeline: configuring Tomcat

DaniWeb Message

Cancel Changes

User Name
Password