jquery验证插件不能与母版页一起使用 [英] jquery validation plugin not working with master page
本文介绍了jquery验证插件不能与母版页一起使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<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"> </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"> </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
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
推荐答案
, W, D) {
var JQUERY4U = {};
JQUERY4U.UTIL =
{
setupFormValidation: function () {
//form validation rules
, 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
("#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 (
(D).ready(function (
这篇关于jquery验证插件不能与母版页一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文