about java script validation

Question

0.00/5 (No votes)

See more:

this is my java script code for validation.

C#

function emptelephoneno() {
     var elem = document.getElementById('<%=txtfullname.ClientID%>');
     if (elem.value.length == 0) {
         elem.style.border = '1px solid red';
         document.getElementById('nameError').innerHTML = "Please Enter Your First Name";
         return false;
     }
     else {
         elem.style.border = '';
         document.getElementById('nameError').innerHTML = "";
     }
     return true;
 }
      function emptelephoneno1() {
      var elem1 = document.getElementById('<%=TextBox1.ClientID%>');
      if (elem1.value.length == 0) {
          elem1.style.border = '1px solid red';
          document.getElementById('Span1').innerHTML = "Please Enter Your First Name";
          return false;
      }
      else {
          elem1.style.border = '';
          document.getElementById('Span1').innerHTML = "";
      }

      return true;
  }
  </script>

this is my textbox where i want to use this code..

XML

<div class="divRegistration">
   <div class="divleft">
   <label> full name :<span class="spanstar">*</span></label>
   </div>
   <div class="divright">
    <asp:TextBox ID="txtfullname" runat="server" MaxLength="30"></asp:TextBox>
    <span id="nameError" class="spanerror"></span>
   </div>
   </div>

   <div class="divRegistration">
   <div class="divleft">
   <label> full name :<span class="spanstar">*</span></label>
   </div>
   <div class="divright">
    <asp:TextBox ID="txtname" runat="server" MaxLength="30"></asp:TextBox>
    <span id="Span1" class="spanerror"></span>
   </div>
   </div>

   <asp:Button ID="btn" runat="server" text="submit" OnClientClick="return emptelephoneno();return emptelephoneno1();"
        onclick="btn_Click" />
   </div>
   </div>
   </div>

and i am using this code's on my aspx.cs page also like that

C#

this.txtfullname.Attributes.Add("onblur", "javascript:emptelephoneno();");
       this.txtname.Attributes.Add("onblur", "javascript:emptelephoneno1();");

when i click the button first validation is working but second validation is not working so please help me out...

Posted 19-Nov-12 19:21pm

amitkumar5734

Updated 19-Nov-12 19:36pm

v2

Add a Solution

Comments

pradiprenushe 20-Nov-12 1:29am

Do this
1.Make entry in first textbox
2.press tab button
3.Make entry in first textbox
4.press tab button

Look for senarion.
You are pressing button directly so onblur for last textbox is not getting called.

amitkumar5734 20-Nov-12 1:34am

my onblur is working correctly with this code . but it's not working when i click on button.. as i have called the function on button click.

NAPorwal(8015059) 20-Nov-12 1:30am

have u checked textbox's value? is it showing in javascript?

update ur line "if (elem.value.length == 0)" with below code
if (elem.value.length == 0 || elem.value='')

amitkumar5734 20-Nov-12 1:32am

what ever the code i have posted here.. it's working when i press onblur.. but it's not working on button click..

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

NAPorwal(8015059) · Answer 1 · 2012-11-19T20:04:00

Just copy and past it in a test page first its working

Step 1: add it in your aspx page

XML

<div class="divRegistration">
            <div class="divleft">
                <label>
                    full name :<span class="spanstar">*</span></label>
            </div>
            <div class="divright">
                <asp:textbox id="txtfullname" runat="server" maxlength="30"></asp:textbox>
                <span id="nameError" class="spanerror"></span>
            </div>
        </div>
        <div class="divRegistration">
            <div class="divleft">
                <label>
                   Contact No :<span class="spanstar">*</span></label>
            </div>
            <div class="divright">
                <asp:textbox id="txtContactNo" runat="server" maxlength="30"></asp:textbox>
                <span id="Span1" class="spanerror"></span>
            </div>
        </div>
        <asp:button id="btn" runat="server" text="submit" onclientclick="return AllValidation();" OnClick="btn_Click" />

Step 2: in head tag

XML

<script>
    
function AllValidation() 
{
   if(emptelephoneno())
   {
      if(emptelephoneno1())
      {
         return true;
      }
    }
    return false;
}
    
    
function emptelephoneno() 
{
   var elem = document.getElementById('<%=txtfullname.ClientID%>');
   if (elem.value.length == 0) 
   {
       elem.style.border = '1px solid red';
       document.getElementById('nameError').innerHTML = "Please Enter Your First Name";
         
       return false;
   }
   else 
   {
       elem.style.border = '';
       document.getElementById('nameError').innerHTML = "";
   }
   return true;
}

function emptelephoneno1() 
{
    var elem1 = document.getElementById('<%=txtContactNo.ClientID%>');
    if (elem1.value.length == 0) 
    {
        elem1.style.border = '1px solid red';
        document.getElementById('Span1').innerHTML = "Please Enter Your First Name";
        return false;
    }
    else 
    {
        elem1.style.border = '';
        document.getElementById('Span1').innerHTML = "";
    }
    return true;
}
</script>

pradiprenushe · Answer 2 · 2012-11-19T19:41:00

Try this

C#

<div class="divRegistration">
   <div class="divleft">
   <label> full name :<span class="spanstar">*</span></label>
   </div>
   <div class="divright">
    <asp:TextBox ID="txtfullname" runat="server" MaxLength="30"></asp:TextBox>
    <span id="nameError" class="spanerror"></span>
   </div>
   </div>
 
   <div class="divRegistration">
   <div class="divleft">
   <label> full name :<span class="spanstar">*</span></label>
   </div>
   <div class="divright">
    <asp:TextBox ID="txtname" runat="server" MaxLength="30"></asp:TextBox>
    <span id="Span1" class="spanerror"></span>
   </div>
   </div>
 
   <asp:Button ID="btn" runat="server" text="submit" onclientclick="return AllValidation();" 
        onclick="btn_Click" />
   </div>
   </div>
   </div>

Add this javascript function

JavaScript

function emptelephoneno() {
     var elem = document.getElementById('<%=txtfullname.ClientID%>');
     if (elem.value.length == 0) {
         elem.style.border = '1px solid red';
         document.getElementById('nameError').innerHTML = "Please Enter Your First Name";
         return false;
     }
     else {
         elem.style.border = '';
         document.getElementById('nameError').innerHTML = "";
     }
     return true;
 }
      function emptelephoneno1() {
      var elem1 = document.getElementById('<%=TextBox1.ClientID%>');
      if (elem1.value.length == 0) {
          elem1.style.border = '1px solid red';
          document.getElementById('Span1').innerHTML = "Please Enter Your First Name";
          return false;
      }
      else {
          elem1.style.border = '';
          document.getElementById('Span1').innerHTML = "";
      }
 
      return true;
  }

function AllValidation() {
if(emptelephoneno())
{
if(emptelephoneno1())
{
return true;
}
}
return false;
}
  </script>

about java script validation

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0