javascript - 验证插件-使用SubmitHandler

如果您已经看到或回答了此问题，我深表歉意，但是我似乎找不到我最初提交的问题，并且我迫切希望找到解决方案。

如果用户单击“提交”，我需要显示一条促销消息
他们符合有关邮政编码的某些条件。我听说你
应该使用SubmitHandler但对JavaScript来说是全新的
甚至是JQuery的新手，我对应该如何编写都有些困惑
这个。我以为会是这样，但显然
不起作用。

submitHandler: function(form) {
                    var special = /^[T]{1}[A]{1}([1-13|17|25]){2}/.test(value);
                    if (special);
                    alert('You have been entered into a competition to win a special    prize');
                    form.submit();
            }, // end of submitHandler

当他们单击提交和
然后他们确认并将表格发送到服务器。

这是我到目前为止用于验证的代码：

 $(document).ready(function(){
 $("#orderForm").validate({
            onfocusout: function(element) {
                    this.element(element);
            },
            rules: {
                    firstName: {
                            required: true,
                    },
                    surname: {
                            required: true,
                    },
                    phoneNumber: {
                            required: true,
                    },
                    streetName: {
                            required: true,
                    },
                    city: {
                            required: true,
                    },
                    postalCode: {
                            required: true,
                            shipPostalCode: true,
                    },
                    billEmailAddress: {
                            required: true,
                    },
                    billPhoneNumber: {
                            required: true,
                    },
                    promoCardNumber: {
                            required: true,
                            fidelityCardNumber: true,
                    },
                    billCardNumber: {
                            required: true,
                    },
                    billCardType: {
                            required: true,
                    },
            }, //end of rules
    }); // end of validate
    }); // end of function


$.validator.addMethod('postalCode', function (value) {
            return /^[A-Z]{2}\d{1,2}\s\d{1}[A-Z]{2}$/.test(value);
            }, 'Please enter a valid postcode');
$.validator.addMethod('promoCardNumber', function (value) {
            return /^[A-Z]{1}([A-Z]|\d){4}\s?([A-Z]|\d){5}\s?([A-Z]|\d){3}\d{1}$/.test  (value);
            }, 'Please enter a valid card number');

这是我的html代码：

   <form id="orderForm" method="post" action="x">
  <table id="formTable" cellpadding="5">
    <tr>
      <td>
        <h3>Shipping and Billing Information</h3>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><label for="firstname">First Name</label></td>
      <td><input id="firstName" type="text" name="firstName" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="surname">Surname</label></td>
      <td><input id="surname" type="text" name="surname" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="phoneNumber">Contact Telephone Number</label></td>
      <td><input id="phoneNumber" type="text" name="phoneNumber" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="streetName">Street Name</label></td>
      <td><input id="streetName" type="text" name="streetName" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="city">City</label></td>
      <td><input id="city" type="text" name="city" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="postalCode">Post Code</label></td>
      <td><input id="postalCode" type="text" name="postalCode" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="billEmailAddress">Email address</label></td>
      <td><input id="billEmailAddress" type="text" name="billEmailAddress" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="billPhoneNumber">Contact Telephone Number</label></td>
      <td><input id="billPhoneNumber" type="text" name="billPhoneNumber" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="promoCardNumber">Promotional Card</label></td>
      <td><input id="promoCardNumber" type="text" name="promoCardNumber" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="billCardNumber">Credit Card Number</label></td>
      <td><input id="billCardNumber" type="text" name="billCardNumber" maxlength="30" /></td>
    </tr>
    <tr>
      <td><label for="billCardType">Credit Card Type</label></td>
      <td><select id="billCardType" name="billCardType">
        <option value="...">
          Choose your card...
        </option>
        <option value="visa">
          Visa
        </option>
        <option value="mastercard">
          Mastercard
        </option>
      </select></td>
    </tr>
    <tr>
      <td><label for="instructions">Instructions</label></td>
      <td>
      <textarea id="instructions" name="instructions" rows="8" cols="30">
Enter your requirements here or comments. </textarea></td>
    </tr>
    <tr>
      <td colspan="2"><input id="submit" type="submit" name="Submit" value="Submit" />
              </td>
    </tr>
  </table>
</form>

最佳答案

我认为您的原始问题（以及我试图回答的问题）在这里：JQuery and validate plugin - how to add a promotional message on submit

关于javascript - 验证插件-使用SubmitHandler，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1147268/