以下に記述されたスクリプトでフォームを検証したいと思います。試しましたが、検証されません..以下は私のコードです。任意の提案をいただければ幸いです。
<form id="signupForm">
<table id="control_Table">
<tr>
<td style="padding-top: 20px;">
<label for="fullname">
Full Name</label>
</td>
<td>
<asp:TextBox ID="txtFullName" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<label for="email">
Email Address</label>
</td>
<td>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<label for="username">
User Name</label>
</td>
<td>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtuname" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<label for="password">
Password</label>
</td>
<td>
<asp:TextBox ID="txtPwd" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<label for="confirm_password">
Confirm Password
</label>
</td>
<td>
<asp:TextBox ID="txtCPwd" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
Active User
</td>
<td>
<asp:CheckBox ID="chkActive" runat="server" />
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
Admin User
</td>
<td>
<asp:CheckBox ID="chkAdmin" runat="server" />
</td>
</tr>
<tr>
<td style="padding-top: 10px;">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</td>
</tr>
</table>
</form>
以下は、フォームへのスクリプトです。
$.validator.setDefaults({
submitHandler: function() {
alert("submitted!");
}
});
$(document).ready(function() {
// validate the comment form when it is submitted
// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
fullname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#MainContent_txtPwd"
},
email: {
required: true,
email: true
},
agree: "required"
},
messages: {
fullname: "Please enter your firstname",
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
agree: "Please accept our policy"
}
});
// propose username by combining first- and lastname
$("#MainContent_txtuname").focus(function() {
var firstname = $("#MainContent_txtfullname").val();
var lastname = $("#lastname").val();
if (firstname && lastname && !this.value) {}
});
});