Javascript Validation

Expand Post »

Hello Good afternoon Guys
Iam KNR iam having a problem with javascript validation
i want to check validation of all controls at a time means
if i have a form with all fields blank then it has to show message
and if any of the field is filled then it dont have to show the message and
the message about blank field has to shown

JavaScript Syntax (Toggle Plain Text)
if(trim(cname.value) == '')
   {
      alert('Enter a Name');
      cname.focus();
      return false;
   }
if(trim(cname.value) == '')
   {
      alert('Enter a Name');
      cname.focus();
      return false;
   }

please help me

Last edited by peter_budo; Apr 25th, 2009 at 5:07 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

Similar Threads

PHP: Form Validation in PHP
Dreamweaver php form validation and redirect in PHP
Javascript - Validation in JavaScript / DHTML / AJAX
Javascript Input Mask / Validation in JavaScript / DHTML / AJAX
problem with my radio button validation js in JavaScript / DHTML / AJAX

knrakesh

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

35 posts
since Jul 2008

Permalink

Apr 25th, 2009

Re: Javascript Validation

This demo will alert the user, depending on which is field is empty. Lets say for example, ( if field 1 is empty then, field 1 will be identified as invalid entry and as well as with the other field's also).

Don't worry--If you need a simple demo, im sure some other posters will provide another format of this code.
Hope it helps and good day to you...

javascript Syntax (Toggle Plain Text)
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>JavaScript Demo</title>
<style id="internal" type="text/css">
/* <![CDATA[ */
label { display : block; margin : 0em 0em 1em 0em; }
/* ]]> */
</style>
<script type="text/javascript">
// <![CDATA[
var validate, showError;
var i, x, invalidEntry, msg, error = [];
 
showError = function( error ) {
msg = "There were some problems...\n";
   for ( i = 0; i < error.length; i++ ) {
   invalidEntry = i + 1;
   msg += "\n" + invalidEntry + ". " + error[i];
   }  alert( msg ); 
      window.location.reload();       return;
};
 
validate = function( form ) {
form = ( document.getElementById ) ? document.getElementById("testform") : document.all.testform;
   if ( form ) {
      for ( var x = 1; x < form.elements.length; x++ ) {
         if ( eval("form.txt" + x + ".value.length") <= 0 ) {
         error[error.length] = "Field " + x + " requires a valid entry!";  
         }
      }
      if ( error.length > 0 ) {
      showError( error );
      return false;
      }
   } alert("Thank you for visiting my site!"); return false;
};
 
// ]]>
</script>
</head>
<body>
<div id="content">
<form id="testform" action="#" onsubmit="return validate( this );">
<div>
<label for="txt1">Field 1: <input type="text" id="txt1" name="txt1" value="" size="20" /></label>
<label for="txt2">Field 2: <input type="text" id="txt2" name="txt2" value="" size="20" /></label>
<label for="txt3">Field 3: <input type="text" id="txt3" name="txt3" value="" size="20" /></label>
<input type="submit" id="sbm" name="sbm" value="submit" />
</div>
</form>
</div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>JavaScript Demo</title>
<style id="internal" type="text/css">
/* <![CDATA[ */
label { display : block; margin : 0em 0em 1em 0em; }
/* ]]> */
</style>
<script type="text/javascript">
// <![CDATA[
var validate, showError;
var i, x, invalidEntry, msg, error = [];

showError = function( error ) {
msg = "There were some problems...\n";
   for ( i = 0; i < error.length; i++ ) {
   invalidEntry = i + 1;
   msg += "\n" + invalidEntry + ". " + error[i];
   }  alert( msg ); 
      window.location.reload();       return;
};

validate = function( form ) {
form = ( document.getElementById ) ? document.getElementById("testform") : document.all.testform;
   if ( form ) {
      for ( var x = 1; x < form.elements.length; x++ ) {
         if ( eval("form.txt" + x + ".value.length") <= 0 ) {
         error[error.length] = "Field " + x + " requires a valid entry!";  
         }
      }
      if ( error.length > 0 ) {
      showError( error );
      return false;
      }
   } alert("Thank you for visiting my site!"); return false;
};

// ]]>
</script>
</head>
<body>
<div id="content">
<form id="testform" action="#" onsubmit="return validate( this );">
<div>
<label for="txt1">Field 1: <input type="text" id="txt1" name="txt1" value="" size="20" /></label>
<label for="txt2">Field 2: <input type="text" id="txt2" name="txt2" value="" size="20" /></label>
<label for="txt3">Field 3: <input type="text" id="txt3" name="txt3" value="" size="20" /></label>
<input type="submit" id="sbm" name="sbm" value="submit" />
</div>
</form>
</div>
</body>
</html>

Last edited by essential; Apr 25th, 2009 at 4:22 am.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

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 JavaScript / DHTML / AJAX Forum Timeline: Ajax: auto refreshing a xml file load

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Two actions with one submit button ???

DaniWeb Message

Cancel Changes

User Name
Password