0

好的，所以我目前正在为我的所有表单选择框使用 Harvest 的 Chosen JQ 选择控件，记录在这里。这些控件给我留下了深刻的印象，但有一个问题......当出现 HTML5 验证错误（我在我的应用程序中使用）时，本机浏览器验证错误弹出窗口不会呈现。

我不知道浏览器是否真的捕捉到错误并试图显示弹出窗口，也许选择的 CSS 正在指示浏览器不显示选择元素的错误消息？附带说明一下，我也无法让 bassistance JQ 验证与这些控件一起使用。我之所以这么说，是因为我认为有人会建议我切换到那个，我宁愿不这样做，因为我是 JQ 的新手，而且无论如何也不介意本机错误弹出窗口。

有谁知道我如何做到这一点？我不知道这是否需要大量的研究/时间，或者它是否是一个简单的答案......我很抱歉，因为我对 Web 开发非常陌生，尤其是 JS 和 JQ。

这是一个带有所选类的表单元素的示例：

<form action="#link" method="post">
  <select class="chzn-select" required>
    <option value=""></option>
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
</form>

然后我运行以下 JQuery 语句以使其在页面加载时工作：

jQuery(document).ready(function(){
  jQuery(".chzn-select").chosen();
});
4

1 回答 1

0

我使用带有 Chosen 的 jquery 验证库 http://docs.jquery.com/Plugins/Validation/validate Chosen 隐藏了 DOM 中的实际选择 HTML 元素。默认情况下，验证库设置为忽略隐藏元素。因此，只需将默认验证更改为选项，如下所示：

$("#myform").validate({
  ignore: ".ignore"
})

只要您在元素上设置了所需的属性，jquery 验证库就会对其进行验证。

于 2012-12-17T19:27:00.753 回答