JQuery驗證在asp.net頁面上的html輸入

我正在使用Twitter引導程序和asp.net構建一個網頁來捕獲用戶信息。我使用這個資源作爲參考...... http://alittlecode.com/files/jQuery-Validate-Demo/JQuery驗證在asp.net頁面上的html輸入

我有，我已經定義了一個形式

<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

我已經改變了$（「＃聯繫形式」）。確認爲$（」＃form1'）。驗證，但它似乎沒有工作，我做錯了什麼？

來源

2012-11-05 user1400396

<input type="text" class="input-xlarge" id="txtApplicantName" name="txtApplicantName">

由於您輸入的名稱屬性是「txtApplicantName」，你應該有一個像

rules: { 
    txtApplicantName: { 
    minlength: 2, 
    required: true 
    } 
}

UPDATE規則：檢查表單元素在你的HTML，我只是做了一些實驗，它似乎需要有一個「行動」屬性的形式。

來源

2012-11-05 02:30:54 light

我只是改變了場txtApplicantName，仍然沒有工作。 – user1400396

編輯，看到更新 – light

規則的名稱適用於類文本框的先試試這個：

$(document).ready(function() { 
     $("#form1").validate(); 
     jQuery.validator.messages.required = "*"; 
     jQuery.validator.messages.email = "Invalid Email"; //set any error message 
    });

那麼這在HTML

<input type="text" class="input-xlarge required" id="txtApplicantName" name="txtApplicantName" placeholder="First Name and Last Name" runat="server">

一旦你得到了驗證工作，就可以亂用規則

編輯：

現在fo r表單上的其他輸入，例如可能是這樣的電子郵件地址的輸入，因爲它具有一類電子郵件，它將自動驗證電子郵件地址。

<input type="text" class="input-xlarge email" id="txtEmail" name="txtEmail" placeholder="Email Address" runat="server">

現在，如果你想要的是定製的規則 - 它看起來並不像你需要在你的榜樣，但這裏是你怎麼做，反正

$("#myinput").rules("add", { 
required: true, 
minlength: 2, // chage to any number you want min-length 
messages: { 
    required: "Required input",  
    minlength: jQuery.format("Please, at least {0} characters are necessary") 
} 
});

有一大堆更多的選擇您可以添加自定義規則，如果你想，看看文檔對於這一點，但是這是它會怎樣看

來源

2012-11-05 02:50:43

是的，那是有效的。 – user1400396

@ user1400396 - 編輯答案 –

$("#form1").validate();是錯誤的，應該是$("#<%= form1.ClientID %>").validate();

，或者如果你願意，你可以離開代碼相同的，只是這個屬性添加到您的表單標籤

ClientIDMode="Static"

來源

2012-11-05 03:49:41 boruchsiper

JQuery驗證在asp.net頁面上的html輸入

回答

相關問題