javascript - Rails 在提交之前验证 form_for

Question

我试图在提交之前验证我的 form_for 中所有必需的字段是否已完成，并且已完成 95%，但在检查和发出警报之前它仍然会提交。

这是表单的开头:

<%= form_for Product.new, :options => {:id => "new_listing", :onSubmit => "validateForm()"}, :url => {:action => "create"}, :html => {:multipart => true}, :builder => Judge::FormBuilder do |f| %>

这是 JavaScript:

<script>
  validateForm = function(){
    judge.validate(document.getElementById('name_input'), {
        valid: function(element) {
          element.style.border = '1px solid green';
        },
        invalid: function(element, messages) {
          element.style.border = '1px solid red';
          alert(messages.join(','));
        }
      }); 
  };

</script>

我现在需要做什么才能确保在提交到后端之前未填写 name_input 字段时引发警报？与 bool 值有关，但我不是这方面的专家。

Answer 1

当验证无效时，您可以尝试返回 false。当您使用 onSubmit javascript 函数时，它将继续执行接下来的操作，除非 js 返回 false。