html - 选择字段中的项目而不是提交按钮时，Safari 提交表单

Question

我为我们的办公室构建了一个内部项目管理系统。该系统在去年运行良好。升级到 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>

Answer 1

遇到同样的问题。根据这里的解决方案，它与验证插件无关，但与 webfonts 和/或在 select 元素上设置(或设置为 0)的边框:

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

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