controls are not validate on button click ?

Question

5.00/5 (1 vote)

See more:

my code is

C#

<script type="text/javascript" language="javascript">

       $(document).ready(function () { 

          $('#Btnsignin').click(function () {

              var summary = "";
              summary += isvalidusername();
              summary += isvalidPassword();

              if (summary != "") {
                  alert(summary);
                  return false;
              }
              else {
                  return true;
              }
          })
      })
      function isvalidusername() {
          var temp = $("#Txtuser").val();
          if (temp == "") {
              return ("Please Enter UserName" + "\n");
          }
          else {
              return "";
          }
      }
      function isvalidPassword() {
          var temp = $("#Txtpassword").val();
          if (temp == "") {
              return ("Please Enter firstname" + "\n");
          }
          else {
              return "";
          }
      }


  </script>

please provide me solution

Posted 26-Oct-13 0:02am

sanjaysgh

Updated 26-Oct-13 1:03am

v3

Add a Solution

3 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)

Sampath Lokuge · Answer 1 · 2013-10-26T00:34:00

Solution 1

You have to use ready event is as below.

XML

<script type="text/javascript">
$(document).ready(function() {

//Your js code here

$('#Btnsignin').click(function () {
 
var temp = $("#Txtuser").val();

if (!temp.length)
{
   alert('Please Enter UserName')
}
         
 
})


});
</script>

Posted 26-Oct-13 0:34am

Sampath Lokuge

Updated 26-Oct-13 1:09am

v2

Comments

sanjaysgh 26-Oct-13 6:42am

sir it is not working

Sampath Lokuge 26-Oct-13 6:51am

Are there any errors on browser dev tools console ?

sanjaysgh 26-Oct-13 6:54am

ok...

VICK 26-Oct-13 6:53am

Sampath is right.. Try to debug using Browser's debugger.. and check.. there are the possibilities of Jquery reference not found etc.

Sampath Lokuge 26-Oct-13 6:53am

And above code snippet you didn't close brackets properly after the ready event.Check that also.Ready event should apply for whole js code.Not just for the first method.

sanjaysgh 26-Oct-13 6:55am

ok

Sampath Lokuge 26-Oct-13 7:11am

I have updated my answer.Just do simple thing as above and check whether is it working or not (comment all other codes).

seyed mahmud shahrokni 26-Oct-13 6:54am

What exactly is your problem ؟

sanjaysgh 26-Oct-13 7:01am

my problem is that when i try to validate login form it's not validating

kumar9avinash · Answer 2 · 2013-10-26T04:50:00

Solution 2

try all the ONload event of button and see whether its work or not :)

Posted 26-Oct-13 4:50am

kumar9avinash

anglo0072 · Answer 3 · 2013-10-26T11:31:00

i am assuming that you are using server side asp.net controls if yes then

1. open your page in browser either in firfox or chorme then right click on page then click inspect element
2. inspect window will appear pick the control of inspecting an element and click on your button
3. when you click on your "Btnsignin" button this will show you the exact id of your button because if you are using server side contol browser will render the long id just just pick that id
4. use that id in your script instead of physical id in script..
OR
1. if you are using asp.net 4.0 then use ClientModeID="Static" property for your contols it will take care your script and will not render the autogenrated id in browser...

OR
the way to access the asp.net control in javascritp or in jquery is like below for example

C#

function isvalidusername() {
          var temp = $('<%=Txtuser.ClientID%>').val();
          if (temp == "") {
              return ("Please Enter UserName" + "\n");
          }
          else {
              return temp;
          }
      }