如何在密码和确认密码中进行Jquery验证? [英] How to Jquery Validation In Password and Confirm Password?
本文介绍了如何在密码和确认密码中进行Jquery验证?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<%@ Page Title="ChangePassword" Language="C#" MasterPageFile="~/ABCPharma.master" AutoEventWireup="true" CodeFile="ChangePassword.aspx.cs" Inherits="ChangePassword" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
$(document).ready(function() {
$("#change").validate({
rules: {
<%=txtCurrentPWD.UniqueID %>:
{
required: true
},
<%=txtNewPWD.UniqueID %>:
{
required: true
},
txtPasswordConfirm:
{
required: true,
equalTo: "#txtNewPWD"
}
}, messages: {
<%=txtCurrentPWD.UniqueID %>:
{
required: "* Please Enter Current Password *"
},
txtNewPWD.UniqueID:
{
required: "* Please Enter New Password *"
}
}
});
});
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="float:left;">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td valign="top">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<h4>
My Password</h4>
</td>
</tr>
<tr>
<td class="box_border">
<table width="100%" border="0" cellspacing="12">
<tr>
<td width="36%" align="right" class="form_txt">
Current Password:</td>
<td width="64%" align="left">
<asp:TextBox ID="txtCurrentPWD" runat="server" CssClass="textfield"
TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" class="form_txt">
New Password:</td>
<td align="left">
<asp:TextBox ID="txtNewPWD" runat="server" CssClass="textfield"
TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" class="form_txt">
Password Confirmation:</td>
<td align="left">
<asp:TextBox ID="txtPasswordConfirm" runat="server" CssClass="textfield"
TextMode="Password"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height:40px;">
</td>
</tr>
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="50%">
<a href="Index.aspx">
<img src="images/but_back.jpg" width="80" height="27" /></a></td>
<td width="50%" align="right">
<asp:ImageButton ID="ImgbtnChangePassword" runat="server"
ImageUrl="images/but_continue.jpg" width="105" height="27"
onclick="ImgbtnChangePassword_Click" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Content>
推荐答案
(document).ready(function() {
(document).ready(function() {
(\"#change\").validate({
rules: {
<%=txtCurrentPWD.UniqueID %>:
{
required: true
},
<%=txtNewPWD.UniqueID %>:
{
required: true
},
txtPasswordConfirm:
{
required: true,
equalTo: \"#txtNewPWD\"
}
}, messages: {
<%=txtCurrentPWD.UniqueID %>:
{
required: \"* Please Enter Current Password *\"
},
txtNewPWD.UniqueID:
{
required: \"* Please Enter New Password *\"
}
}
});
});
</script>
<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"float:left;\">
<tr>
<td>
<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td>
</td>
</tr>
<tr>
<td valign=\"top\">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td>
<h4>
My Password</h4>
</td>
</tr>
<tr>
<td class=\"box_border\">
<table width=\"100%\" border=\"0\" cellspacing=\"12\">
<tr>
<td width=\"36%\" align=\"right\" class=\"form_txt\">
Current Password:</td>
<td width=\"64%\" align=\"left\">
<asp:TextBox ID=\"txtCurrentPWD\" runat=\"server\" CssClass=\"textfield\"
TextMode=\"Password\"></asp:TextBox>
</td>
</tr>
<tr>
<td align=\"right\" class=\"form_txt\">
New Password:</td>
<td align=\"left\">
<asp:TextBox ID=\"txtNewPWD\" runat=\"server\" CssClass=\"textfield\"
TextMode=\"Password\"></asp:TextBox>
< /td>
</tr>
<tr>
<td align=\"right\" class=\"form_txt\">
Password Confirmation:</td>
<td align=\"left\">
<asp:TextBox ID=\"txtPasswordConfirm\" runat=\"server\" CssClass=\"textfield\"
TextMode=\"Password\"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
< /tr>
<tr>
<td style=\"height:40px;\">
</td>
</tr>
<tr>
<td>
<table width=\"100%\" border=\"0\">
<tr>
<td width=\"50%\"> $b$ b <a href=\"Index.aspx\">
<img src=\"images/but_back.jpg\" width=\"80\" height=\"27\" />< span class=\"code-keyword\"></a></td>
<td width=\"50%\" align=\"right\">
<asp:ImageButton ID=\"ImgbtnChangePassword\" runat=\"server\"
< span class=\"code-attribute\"> ImageUrl=\"images/but_continue.jpg\" width=\"105\" height=\"27\"
onclick=\"ImgbtnChangePassword_Click\" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Content>
("#change").validate({ rules: { <%=txtCurrentPWD.UniqueID %>: { required: true }, <%=txtNewPWD.UniqueID %>: { required: true }, txtPasswordConfirm: { required: true, equalTo: "#txtNewPWD" } }, messages: { <%=txtCurrentPWD.UniqueID %>: { required: "* Please Enter Current Password *" }, txtNewPWD.UniqueID: { required: "* Please Enter New Password *" } } }); }); </script> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="float:left;"> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> <tr> <td valign="top"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <h4> My Password</h4> </td> </tr> <tr> <td class="box_border"> <table width="100%" border="0" cellspacing="12"> <tr> <td width="36%" align="right" class="form_txt"> Current Password:</td> <td width="64%" align="left"> <asp:TextBox ID="txtCurrentPWD" runat="server" CssClass="textfield" TextMode="Password"></asp:TextBox> </td> </tr> <tr> <td align="right" class="form_txt"> New Password:</td> <td align="left"> <asp:TextBox ID="txtNewPWD" runat="server" CssClass="textfield" TextMode="Password"></asp:TextBox> </td> </tr> <tr> <td align="right" class="form_txt"> Password Confirmation:</td> <td align="left"> <asp:TextBox ID="txtPasswordConfirm" runat="server" CssClass="textfield" TextMode="Password"></asp:TextBox></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td style="height:40px;"> </td> </tr> <tr> <td> <table width="100%" border="0"> <tr> <td width="50%"> <a href="Index.aspx"> <img src="images/but_back.jpg" width="80" height="27" /></a></td> <td width="50%" align="right"> <asp:ImageButton ID="ImgbtnChangePassword" runat="server" ImageUrl="images/but_continue.jpg" width="105" height="27" onclick="ImgbtnChangePassword_Click" /> </td> </tr> </table> </td> </tr> </table> </asp:Content>
function validatepas()
{
var oldpas=document.getElementById(\"<%=txtoldpas.ClientID%>\").value;
var pas1=document.getElementById(\"<%=txtNewPas.ClientID%>\").value;
var pas2=document.getElementById(\"<%=txtConfirmPas.ClientID%>\").value;
var min=5;
var max=20;
if(oldpas==\"\" || pas1==\"\" || pas2==\"\")
{
alert(\"Password Field cannot be Blank !!!!\");
return false;
}
if(pas1!=pas2)
{
alert(\"New Password do not match with Confirm Password\");
return false;
}
if(pas1.length<min mode=\"hold\"> {
alert(\"Password length Should be greater than 5 Characters \");
return false;
}
if(pas1.length>max || pas2.length>max )
{
alert(\"Password length Should be less than 20 Characters \");
return false;
}
}
function validatepas()
{
var oldpas=document.getElementById("<%=txtoldpas.ClientID%>").value;
var pas1=document.getElementById("<%=txtNewPas.ClientID%>").value;
var pas2=document.getElementById("<%=txtConfirmPas.ClientID%>").value;
var min=5;
var max=20;
if(oldpas=="" || pas1=="" || pas2=="")
{
alert("Password Field cannot be Blank !!!!");
return false;
}
if(pas1!=pas2)
{
alert("New Password do not match with Confirm Password");
return false;
}
if(pas1.length<min mode="hold"> {
alert("Password length Should be greater than 5 Characters ");
return false;
}
if(pas1.length>max || pas2.length>max )
{
alert("Password length Should be less than 20 Characters ");
return false;
}
}
这篇关于如何在密码和确认密码中进行Jquery验证?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文