Click here to Skip to main content
15,881,248 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
XML
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script type="text/javascript">
        (function ($, W, D) {
            var JQUERY4U = {};

            JQUERY4U.UTIL =
            {
                setupFormValidation: function () {
                    //form validation rules
                    $("#form1").validate({
                        rules: {
                            email: {
                                required: true,
                                email: true
                            },
                            password: {
                                required: true,
                                minlength: 5
                            }
                        },
                        messages: {
                            password: {
                                required: "Please provide a password",
                                minlength: "Your password must be at least 5 characters long"
                            },
                            email: "Please enter a valid email address"
                        },
                        submitHandler: function (form) {
                            form.submit();
                        }
                    });
                }
            }

            //when the dom has loaded setup form validation rules
            $(D).ready(function ($) {
                JQUERY4U.UTIL.setupFormValidation();
            });

        })(jQuery, window, document);
    </script>
    <!--main_content  starts  here -->
    <div class="wrapper">
        <div id="my-contact-div"></div>
        <div class="main_content top_01">
            <div class="main_conetent_inner">
                <div class="breadcumb"><span class="breadcumb_Text">You are here : <span class="blue_login"><a href="#">Home</a></span> > <a href="#">My Account</a></span> </div>
                <div class="Login_Conainer">
                    <h1 class="heading">MY <span class="white_text">ACCOUNT</span></h1>
                    <div class="clear"></div>
                    <div class="bottom_line">&nbsp;</div>
                    <div class="login_inner">
                        <h3>Login here</h3>
                        <h3>
                            <asp:Label runat="server" ID="lblMessage" ForeColor="Red"></asp:Label></h3>
                        <%--<form name="login" action="">--%>
                        <div class="login_wrapper">
                            <div class="user_label">Username</div>
                            <div class="user_input">
                                <%--<input type="text" class="user" />--%>
                                <asp:TextBox runat="server" ID="txtUsername" name="email" CssClass="user"></asp:TextBox>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="login_wrapper">
                            <div class="user_label">Password</div>
                            <div class="user_input">
                                <%--<input type="text" class="password" />--%>
                                <asp:TextBox runat="server" ID="txtPassword" name="password" TextMode="Password" CssClass="password"></asp:TextBox>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <div class="login_wrapper">
                            <div class="user_label">&nbsp;</div>
                            <div class="user_input">
                                <%--<input type="submit" class="Login" value="Log In" />--%>
                                <asp:Button runat="server" CssClass="Login" ID="btnLogin" Text="Log In" OnClick="btnLogin_Click" />
                                <span class="forgot_password"><a href="#">Forgot Your Password?</a></span>
                            </div>

                            <div class="clear"></div>
                        </div>
                        <%--</form>--%>
                        <div class="Register_Bottom">

                            <span class="reg_text">Don't have an account? <a href="#" id="lnkRegisterNow">Register Now</a> </span>
                        </div>

                    </div>


                    <div class="middle_seperator">
                        <img src="../images/sep_login.png" alt="OR" />
                    </div>
                    <div class="login_inner1">
                        <h3>Sign in with</h3>
                        <div class="login_wrapper">
                            <div class="social_link">
                                <img src="../images/facebook_login.png" alt="Facebook" />
                            </div>
                            <div class="social_link">
                                <img src="../images/twitter_login.png" alt="Twitter" />
                            </div>
                            <div class="clear"></div>
                            <div class="social_link">
                                <img src="../images/gplus_login.png" alt="GPlus" />
                            </div>
                            <div class="social_link">
                                <img src="../images/linkedin_login.png" alt="Linkedin" />
                            </div>

                        </div>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
            <!--policies starts  here -->
            <div class="policies"><span class="font_med"><strong>Policies :</strong></span><a href="#">Terms of Use</a> | <a href="#">Privacy@2014-2015</a></div>
            <!--policies ends  here -->
        </div>
    </div>
    <!--main_content  ends  here -->
    <div class="clear"></div>
</asp:Content>


Above is my code , i am trying to use jquery validation plugin for my login page ..

i used name properties as well to mapp the controls properly ..but not working

please suggest
Posted
Comments
You are validating for form1. Does that really exists? What errors you see on Developer Tool Console window?

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900