Mainpulating Jquery validate 以根据需要进行输入并进行电子邮件验证答案

【问题标题】：Mainpulating Jquery validate to have an input as required and do email validationMainpulating Jquery validate 以根据需要进行输入并进行电子邮件验证
【发布时间】：2012-03-26 20:49:37
【问题描述】：

我需要验证以下表格。有些字段是必需的，但电子邮件字段需要包含电子邮件验证。我试过以下代码：

注意：如果我取出“规则”部分，则验证适用于所有必填字段，但是我需要它首先检查是否有一个值 frmUser-email 输入（必需），然后如果那里有一个值，进行电子邮件验证。

<script type="text/javascript">
$(document).ready(function(){
    $("#adduser").validate({

        rules: {
            frmUser-email: {
                required: true,
                email: true
            }
        },
        errorClass: "my-error-class",
           validClass: "my-valid-class",
           groups: {
              required1: "frmUser-username frmUser-password frmUser-secretword frmUser-secretwordprompt frmUser-usertype"
         },
           errorPlacement: function(error, element) {
            error.appendTo('#errorlabel' )
        }

    });
});

<form id="adduser" name="adduser" method="post" action="?vars=<?php echo URLEncryptEncode('module=user&call=add-process',$urlp);?>">
<table border="0" cellspacing="0" cellpadding="0" class="forminput">
  <tr>
    <td>User Login Name:</td>
    <td><input name="frmUser-username" type="text" size="25" class="required"/></td>
  </tr>
  <tr>
    <td>Password:</td>
    <td><input name="frmUser-password" type="text" size="25" class="required"/></td>
  </tr>
  <tr>
    <td>Secret Word:</td>
    <td><input name="frmUser-secretword" type="text" size="25" class="required"/></td>
  </tr>
   <tr>
    <td>Secret Word Prompt:</td>
    <td><input name="frmUser-secretwordprompt" type="text" size="25" class="required"/></td>
  </tr>
  <tr>
    <td>Telephone:</td>
    <td><input name="frmUser-telephone" type="text" size="15"/></td>
  </tr>
  <tr>
    <td>E-Mail:</td>
    <td><input id="frmUser-email" name="frmUser-email" type="text" size="30"/></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"><input type="submit" value="ADD NEW USER" class="button" /></td>
  </tr>
  <tr>
      <td></td>
    <td><label class="errorlabel" id="errorlabel"></label></td>
   </tr>
</table>
</form>

希望有人能帮忙..提前谢谢

【问题讨论】：

标签： jquery forms validation jquery-validate required-field

【解决方案1】：

首先，您可以在输入中指定两个类：

<input id="frmUser-email" name="frmUser-email" type="text" class="required email" size="30"/>

但是如果你设置使用规则对象，你只需要引用fromUser-email，因为中间的- 使它无效。因此，其他一切都保持不变，但为您的规则对象执行此操作：

 rules: {
        'frmUser-email': {
            required: true,
            email: true
        }
    }

做一个或另一个，你应该没问题。

【讨论】：

我知道这很简单。谢谢！