Jquery “如何使用武力”；“必需”；仅基于另一个选择的选择

我有一个表单，有两个select和一些其他字段。我正在为此使用jqueryvalidation。我的问题是，我预先填充了第一个select（国家），并且是必需的，只有当这里选择的值是“mx”时，我才需要进行另一个select（国家）

select命令如下所示：

<select  id="pais" name="pais" data-placeholder="Escoje tu país de nacimiento" class="chosen-select" style="width:350px;">
<option value=""> </option>
<option value="mx" selected="selected">México</option>
<option value="af">Afganistán</option>
<option value="al">Albania</option>
...
</select>

这是行不通的。任何想法都值得赞赏。谢谢你抽出时间

问候,

编辑：添加更多信息

这是验证（完整）的步骤

这是第二个选择（lugarnacimiento）

Estado
塞莱奇奥尼乌诺酒店
阿瓜斯卡连特斯
下加利福尼亚州
南下加利福尼亚州
...
萨卡特卡斯
恩奥特罗·帕伊斯

好吧，真正的问题是select语句正在使用另一个库：

jquery selected

，这会干扰验证器

我的最终规则（删除所选库调用后）是：

---

显示足够的代码来构建一个工作演示。

.validate（）

调用的其余部分在哪里？

lugarnacimiento

的HTML标记在哪里？

pais: {required: true},
lugarnacimiento: {required: function (element) {return $("#pais").val() == "mx"; }},

$(document).ready(function() {
$("#fpp_form").validate({
rules: {
  esai: {required: true},
  genero: {required: true},
  nombre: {required: true},
  paterno: {required: true},
  fechnacimiento: {required: true},
  lugarnacimiento: {required: function (element) {return $("#pais").val() == "mx"; }},
  pais: {required: true},
  telefono: {required: true},
  email: {required: true, email: true}
}
});
});

<label for="lugarnacimiento" class="required fixed">Estado</label>
<select  id="lugarnacimiento" name="lugarnacimiento" data-placeholder="Escoje tu estado de nacimiento..." class="chosen-select" style="width:350px;">
<option value="">Seleccione uno</option>
<option value="Aguascalientes">Aguascalientes</option>
<option value="Baja California">Baja California</option>
<option value="Baja California Sur">Baja California Sur</option>
...
<option value="Zacatecas">Zacatecas</option>
<option value="Otro">En otro país</option>
</select>

lugarnacimiento: {required: $("#pais").val() === 'mx' },