我們可以使用jquery進行自定義驗證控件的客戶端驗證嗎？

Question

有兩個文本框一個用於電子郵件和其他一個用於電話我已經使用一個自定義的驗證控制，使得用戶必須填寫文本框用於客戶端我使用的javascript

功能ValidatePhoneEmail（源，參數）{

中的任一項

 var tboxEmail = document.getElementById('<%= tboxEmail.ClientID %>'); 
     var tboxPhone = document.getElementById('<%= tboxPhone.ClientID %>'); 
     if (tboxEmail.value.trim() != '' || tboxPhone.value.trim() != '') { 
      args.IsValid = true; 
     } 
     else { 
      args.IsValid = false; 
     } 
    } 

如何使用jQuery

Answer 1

的確切validation plugin相當於將這些字段使用"required"，這樣來實現相同的結果：

$(function() { 
    $("form").validate({ 
    rules: { 
     <%= tboxEmail.UniqueID %>: "required", 
     <%= tboxPhone.UniqueID %>: "required" 
    } 
    }); 
}); 

You can see a full list of options here。如果你想添加自定義消息，並確認這是一個有效的電子郵件地址，你可以做這樣的：

$(function() { 
    $("form").validate({ 
    rules: { 
     <%= tboxEmail.UniqueID %>: { required: true, email: true }, 
     <%= tboxPhone.UniqueID %>: "required" 
    }, 
    messages: { 
     <%= tboxEmail.UniqueID %>: "Please enter a valid email address", 
     <%= tboxPhone.UniqueID %>: "Please enter a phone number" 
    } 
    }); 
}); 

Answer 2

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#aspnetForm").validate({ 
       rules: { 
        <%=txtName.UniqueID %>: { 
         minlength: 2, 
         required: true 
        }, 
        <%=txtEmail.UniqueID %>: {       
         required: true, 
         email:true 
        } 
       }, messages: { 
        <%=txtName.UniqueID %>:{ 
         required: "* Required Field *", 
         minlength: "* Please enter atleast 2 characters *" 
        } 
       } 
      }); 
     }); 
    </script> 

    Name: <asp:TextBox ID="txtName" runat="server" /><br /> 
    Email: <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox><br />