1

我使用http://bootstrapvalidator.com/與bootstrap asp.net項目中的visual studio。 問題我有,我永遠不會驗證按鈕來實際驗證,就像它在例子中所做的那樣,當我開始在文本框中輸入內容時驗證正確,但是當我點擊按鈕時,從未驗證下面的示例。如何使用Bootstrap Validator提交表單

另一個問題是我不知道如何調用我的c#方法,它將在驗證成功後從文本框中獲取值,我可以在按鈕單擊時調用我的方法,但是我希望它在驗證成功後立即發生。

我在找的是一個簡單的例子,如何使提交按鈕驗證字段,然後調用我的C#方法,它將從輸入中讀取值。

我在網上找不到一個單一的例子,而且我對JavaScript也不太瞭解。

下面是一些測試代碼,我有

<div class="form-group" id="nameEmail2"> 
     <div class="form-group"> 
      <label for="inputContactName" class="col-sm-5 control-label">Contact Name </label> 
      <div class="col-sm-7"> 
       <input type="text" class="form-control" name="fullName1" id="TextBox1" placeholder="Contact Name" maxlength="50"/> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label for="inputContactEmail" class="col-sm-5 control-label">Contact Email <b>*</b></label> 
      <div class="col-sm-7"> 
       <input type="text" class="form-control" name="email1" id="TextBox2" placeholder="Contact Email" maxlength="50"/> 
      </div> 
     </div> 
     <div class="form-group"> 
      <div class="col-sm-5 col-sm-offset-3"> 
       <button type="submit" runat="server" onserverclick="submitValidate" class="btn btn-default">Validate</button> 
      </div> 
     </div> 
     </div> 



     <script type="text/javascript"> 
      $(function() { 
       $('#nameEmail2').bootstrapValidator({ 
        feedbackIcons: { 
         valid: 'glyphicon glyphicon-ok', 
         invalid: 'glyphicon glyphicon-remove', 
         validating: 'glyphicon glyphicon-refresh' 
        },       
        fields: { 
         fullName1: { 
          validators: { 
           notEmpty: { 
            // enabled is true, by default 
            message: 'The full name is required and cannot be empty' 
           }, 
           stringLength: { 
            enabled: true, 
            min: 8, 
            max: 40, 
            message: 'The full name must be more than 8 and less than 40 characters long' 
           }, 
           regexp: { 
            enabled: false, 
            regexp: /^[a-zA-Z\s]+$/, 
            message: 'The full name can only consist of alphabetical, number, and space' 
           } 
          } 
         }, 
         email1: { 
          validators: { 
           emailAddress: { 
            message: 'The value is not a valid email address' 
           } 
          } 
         } 
        } 
       }); 
      }); 
     </script> 

我已刪除大多數ASP對象,並且幾乎沒有在服務器上的任何更多的運行,但沒有幫助很大,這裏是我的代碼隱藏方法

protected void submitValidate(object sender, EventArgs e) 
{ 
    string contactName = Request.Form["fullName1"]; 
    string email = Request.Form["email1"]; 
    System.Diagnostics.Debug.Write("test",email); 
} 

回答