Javascript 验证Rails表单提交

我试图在表单提交之前验证表单，但是表单get已经提交，并且没有调用

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验证方法。

它在rails 3中，但在您的操作中预加载

@session

对象并重试

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

---

这个例子可能会对你有所帮助。用你的

表单试试这个

$(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”}
}
});
});


希望有帮助
 您是否安装了jquery验证插件

如果没有，您可以使用此gem：

gem "jquery-validation-rails"

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

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

您在提交
表单时是否设置了
Onsubmit
或
Onclick
调用
函数
？@Pavan:我已经更新了我的整个表单。请将其删除。
jQuery code
中的所有内容都记录下来了吗？@Pavan:是的，我正在尝试在表单提交之前验证代码。也许这个工作示例可以帮助您
//= require jquery.validate
//= require jquery.validate.additional-methods