Twitter ブートストラップと asp.net を使用して、ユーザー情報を取得する Web ページを作成しています。このリソースを参照として使用しています... http://alittlecode.com/files/jQuery-Validate-Demo/
フォームを定義したマスター ページがあります
<form id="form1" class="form-horizontal" runat="server">
JQueryへの参照が含まれていました...
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
私のウェブページには入力コントロールがあります
<div class="control-group">
<label class="control-label" for="name">
Your Name</label>
<div class="controls">
<input type="text" class="input-xlarge" id="txtApplicantName" name="txtApplicantName" placeholder="First Name and Last Name"
runat="server">
</div>
</div>
リソースには、作業できないフォームフィールドを検証するための JQuery コードがいくつかあります...
$(document).ready(function(){
$('#contact-form').validate(
{
rules: {
name: {
minlength: 2,
required: true
},
email: {
required: true,
email: true
},
subject: {
minlength: 2,
required: true
},
message: {
minlength: 2,
required: true
}
},
highlight: function(label) {
$(label).closest('.control-group').addClass('error');
},
success: function(label) {
label
.text('OK!').addClass('valid')
.closest('.control-group').addClass('success');
}
});
}); // end document.ready
$('#contact-form').validate を $('#form1').validate に変更しましたが、うまくいかないようです。何が間違っていますか?