How to put Jquery effects in login page validation

Question

2.00/5 (1 vote)

See more:

I need a code of Jquery effect in login page validation.
i.e., if i enter wrong username and password then the textbox should be use Jquery effect namely shake

Posted 4-Jan-14 4:05am

sivamzcet

Add a Solution

Comments

Karthik_Mahalingam 4-Jan-14 11:07am

what do you mean by namely shake?

sivamzcet 4-Jan-14 11:36am

that effect name is shake

Karthik_Mahalingam 4-Jan-14 11:39am

like this ?

http://api.jqueryui.com/shake-effect/

sivamzcet 4-Jan-14 11:59am

yehh you right.. but i need this effect will work only if when we give wrong credentials

Karthik_Mahalingam 4-Jan-14 12:06pm

ok

3 solutions

Solution 3

Try http://api.jqueryui.com/shake-effect/[^].

Posted 4-Jan-14 6:59am

Abhinav S

v2

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2014-01-04T05:51:00

Solution 1

There are many jQuery plugins for form validation.
See how Google[^] replies me.

If you face any difficulty while coding, feel free to come back here and ask another question with specific issue describing the scenario.

Members will be happy to help you then. :)

Posted 4-Jan-14 5:51am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

sivamzcet 4-Jan-14 11:59am

thanks i will check it now

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Jan-14 12:07pm

Glad to hear that. :)

Please accept this answer, if it has helped you in any way.
This will help others to find the answer in one go and you will also be awarded with some points for this action...

Thanks,
Tadit

Karthik_Mahalingam · Accepted Answer · 2014-01-04T06:17:00

try like,
modfiy as per your needs..

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery.js.js"></script>
    <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function () {

            var iswrongcredential = $('#hdnCheck').val() == 'wrong';
            if (iswrongcredential) {
                $('#txtUserName ,#txtPassword').effect('shake');
            }

        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
        UserName:
        <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox><br />
        Password:<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" />
        <asp:HiddenField ID="hdnCheck" runat="server" />

    </form>

</body>
</html>

code behind file:

C#

protected void btnLogin_Click(object sender, EventArgs e)
       {
           if (txtUserName.Text == "username" && txtPassword.Text == "password")
           {
               hdnCheck.Value = "correct";
           }
           else
           {
               hdnCheck.Value = "wrong";
           }
       }