1

我们正在使用 Parsley JS 进行客户端验证，我有以下需要验证的场景。

HTML 部分如下所示：

<form id="demo-form">
<table>
<tr>
  <td>
    Do you want to enter values:
    <input type="radio" name="choice" value="yes"> Yes
    <input type="radio" name="choice" value="no"> No
  </td>
 </tr>
 <tr>
  <td>
    <table>
      <tr>
        <td>Select Year</td>
        <td>
          <select name="year" title="Select Year">
            <option value="Year">Year</option>
            <option value="2017">2017</option>
            <option value="2018">2018</option>
            <option value="2019">2019</option>
            <option value="2020">2020</option>
          </select>
        </td>
        <td>
          <select name="year" title="Select Year">
            <option value="Year">Year</option>
            <option value="2017">2017</option>
            <option value="2018">2018</option>
            <option value="2019">2019</option>
            <option value="2020">2020</option>
          </select>
        </td>
        <td>
          <select name="year" title="Select Year">
            <option value="Year">Year</option>
            <option value="2017">2017</option>
            <option value="2018">2018</option>
            <option value="2019">2019</option>
            <option value="2020">2020</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Enter Amount</td>
        <td>
          <input type="text" name="amount" size="3"/>
        </td>
        <td>
          <input type="text" name="amount" size="3"/>
        </td>
        <td>
          <input type="text" name="amount" size="3"/>
        </td>
      </tr>
    </table>
  </td>
</tr>



验证要求是：

  1. 用户必须选择“是”或“否”（需要选择字段）。
  2. 如果用户选择“是”，则至少需要选择一个下拉年份。
  3. 对于选择年份的任何下拉菜单都需要有一些值。（金额不为空）
  4. 如果用户选择“否”，则年份字段可以保留默认值，金额可以留空。

我想知道这种类型的验证是否可以在 Parsley 中轻松有效地实现？我在以下 URL工作示例中创建了用于测试的工作副本 - CodePen 链接

如果有人对 Parsley JS 有更好的经验，我真的很感激，可以对此发表评论。

4

0 回答 0