javascript / jquery / html格式的多重驗證

Question

我正在使用帶有jquery / javascript的bootstrap3表單來驗證輸入。 這是從這里拿來的

這是我表格的一部分：

<form id="contact-form" action="#" class="form-horizontal">
<fieldset>

<div class="form-group">
<label class="sr-only" for="name">Your Name</label>
<div class="controls">
<input type="text" class="input-xlarge form-control" name="name" id="name" placeholder="Your Name">
</div>
</div>

<div class="form-group">
<label class="sr-only" for="email">Email Address</label>
<div class="controls">
<input type="text" class="input-xlarge form-control" name="email" id="email" placeholder="Email">

這是JavaScript：

 <script>
 $(document).ready(function(){

jQuery.validator.setDefaults({
    errorClass: "help-block"
});
    $('#contact-form').validate({
    rules: {
      name: {
        minlength: 3,
        regex: "/^[A-Za-z\']*$/",
        required: true
      },
      email: {
        required: true,
        email: true
      },
      subject: {
        minlength: 2,
        required: true
      },
      message: {
        minlength: 2,
        maxlength: 400,
        required: true
      }
    },
        highlight: function(element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function(element) {
            element
            .text('OK!').addClass('valid')
            .closest('.control-group').removeClass('error').addClass('success');
        }
    });
}); // end document.ready
</script>    

必填字段和位數非常好。 我還打算添加進一步的驗證，例如，在名稱字段中接受字母。 我嘗試使用正則表達式，但似乎無法正常工作。

1. 如何在這種類型的javascript驗證中使用正則表達式（或多個）驗證？
2. 當字段具有多個驗證（僅字母和超過3個字符）時，如何給出適當的錯誤消息？

我是Web開發的新手，因此這些問題可能會出現。 現在就開始使用HTML。 請引導正確的方向。

Answer 1

對於電子郵件，您應該添加以下內容：

$.validator.addMethod("email", function(value, element) {
          return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/i.test(value);
    }, "Invalid email address");

那么電子郵件的規則應為：

email: "required email",