验证 Rails 表单提交答案

【问题标题】：Validating Rails form submission验证 Rails 表单提交
【发布时间】：2014-05-13 07:26:28
【问题描述】：

我正在尝试在表单提交之前验证表单，但表单获取已提交并且jQuery 部分未被调用。

<%= form_for(:session,class:"form-signin form-horizontal",:id=>
  "form",:role=>
  "form") do |f| %>
  <div class="input-group input-group-mardin-bottom">
    <span class="input-group-addon">
      <i class="glyphicon glyphicon-user">
      </i>
    </span>
    <%= f.text_field :email,class:"form-control required",:placeholder=>
      "username or email", name:"username"%>
    </div>
    <div class="input-group input-group-mardin-bottom">
      <span class="input-group-addon">
        <i class="glyphicon glyphicon-lock">
        </i>
      </span>
      <%= f.password_field :password,class:"form-control required",:placeholder=>
        "password", password:"password" %>
      </div>
      <div class="input-group">
        <div class="checkbox">
          <label>
            <input id="login-remember" type="checkbox" name="remember" value="1">
            Remember me
          </label>
        </div>
      </div>
      <div class="form-group login-page-margin-10">
        <div class="col-sm-12 controls">
          <%= f.submit "Sign In", :class =>
            "btn btn-success" %>
          </div>
        </div>
        <div class="form-group">
          <div class="col-md-12 control">
            <hr/>
            <div>
              <a href="#">
                <strong>
                  Forgot your password?
                </strong>
              </a>
            </div>
          </div>
        </div>
        <%end%>

jQuery

 $("#form").validate({

});

jQuery validate 方法根本没有被调用。

【问题讨论】：

您在提交form 时是否设置了Onsubmit 或Onclick 调用function？
@Pavan：我已经更新了我的整个表格。
从头开始。这就是你在jQuery code 中的全部内容吗？
@Pavan：是的，我正在尝试在表单提交之前验证代码。
也许这个工作示例可以帮助你jsfiddle.net/Vcmfs/98

标签： javascript jquery ruby-on-rails forms validation

【解决方案1】：

它在 rails 3 中，但在您的操作中预加载 @session 对象并尝试

<%= form_for @session , html: { id: "form", class: "form-signin form-horizontal", role: "role" } do |f| %> 
<% end %>

【讨论】：

【解决方案2】：

这个例子可能对你有帮助。用你的form试试这个。

$(document).ready(function () {
$(“#new_user”).validate({
debug: true,
rules: {
“user[email]“: {required: true, email: true},
“user[password]“: {required: true, minlength: 6},
“user[password_confirmation]“: {required: true, equalTo: “#user_password”}
}
});
});

Source

希望对你有帮助！

【讨论】：

【解决方案3】：

您是否安装了 jquery validate 插件？

如果没有，你可以使用这个 gem：

gem "jquery-validation-rails"

如果您正在使用资产管道，请将以下内容添加到您的 application.js 文件中：

//= require jquery.validate
//= require jquery.validate.additional-methods

【讨论】：