选择从选择字段的项目而不是提交按钮时，Safari提交表格答案

【问题标题】：Safari submitting form when item from select field is chosen rather then submit button选择从选择字段的项目而不是提交按钮时，Safari提交表格
【发布时间】：2023-04-06 01:25:01
【问题描述】：

我为我们的办公室建立了一个内部项目管理系统。该系统在去年运行良好。升级到 Lion 和 Safari 5 后，我遇到了一些提交问题。该表单有几个选择列表，当用户尝试从列表中选择一个选项时，它会将他们踢出应用程序或尝试提交表单。有没有其他人经历过这个？这是我的选择按钮上的代码。

我正在使用这里找到的这个 jQuery 验证插件：

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js

<fieldset style="float:left; margin-right:20px;">
   <label><b>*Will this Project Have Out of House Fees?</b></label>
   <select name="outofhouse" id="outofhouse" class="required">
          <option value="">Your Answer is?</option>
          <option value="1">No</option>
          <option value="Yes">Yes</option>
          <option value="TBD">TBD</option>
   </select></fieldset>

<!-- the JS -->

      <script>
$(document).ready(function(){
$("#add_project").validate({
  rules: {
amount: {
required: true,
}
}
});
});
</script>

【问题讨论】：

我认为如果不涉及一些 javascript 就不会发生这种情况。我猜class="required" 表示选择正在由验证器检查，并且验证器以某种方式意外地提交了表单。您可以发布任何可能与该描述匹配的 javascript 吗？

标签： html forms safari submit osx-lion

【解决方案1】：

遇到同样的问题。根据这里的解决方案，它与验证插件无关，而是与 webfonts 和/或在选择元素上设置（或设置为 0）的边框有关：

http://redrata.com/2011/07/safari-woff-select-field-crash/

对我来说，删除选择元素上的所有边框设置就可以了。

【讨论】：