1

我正在尝试在 rails 中使用 Jquery 客户端验证。

我的以下代码工作正常 http://jsfiddle.net/hr1383/5CFRB/1/

“正确显示错误信息”

现在我正在尝试做同样的事情。由于我不确定将相应的 JS 和 CSS 放在哪里，所以我决定放入 application.html.erb 文件开始。

<html>
  <head>
    <title>Umvox</title>
      <%= stylesheet_link_tag    "application" %>
      <%= javascript_include_tag "application" %>
      <%= javascript_include_tag "jquery.validate" %>
      <%= javascript_include_tag "jquery.validate.min" %>
      <%= javascript_include_tag "jquery-1.7.2" %>
      <%=  javascript_include_tag  "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"%>
       <%=  javascript_include_tag  "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"%>
     <%= javascript_include_tag :defaults %>
     <%= csrf_meta_tags %>

      <script type="text/javascript">
         $(document).ready(function() {
       $("#company_form").validate({
            rules: {
                "company": {required:true}
             },
             messages:{
                company: "Enter Company name"
              }
           });
         });​
       </script>
      <style type="text/css">
        #company_form {background-color: aqua}
        #company_form label { width: 250px; }
        #company_form label.error, #company_form input.submit { margin-left: 253px; }
    </style>
 </head>
 <body>
   <%= render "shared/dashboard_button_login" %>
   <%= yield %>
 </body>
</html>

而我的 _form.html.erb 部分包含

<%= form_tag("/locations/search" , :remote=> true, :id=>"company_form",        :name=>"company_form", :form_to_validate=>'location') do  %>
<table>
   <tr>
   <th>Company</th>
   <th>City</th>
   <th>Country</th>
   <th>ZipCode</th>
  </tr>
  <tr>
     <td><%= text_field_tag :company %></td>
     <td><%= text_field_tag :city %></td>
     <td><%= text_field_tag :country %></td>
     <td><%= text_field_tag :zipcode %></td>
      <td><%= submit_tag 'search'%></td>
  </tr>
</table>

以下表单转换为 html，如中所示

http://jsfiddle.net/hr1383/5CFRB/1/

这似乎不起作用，并且总是在不显示错误消息的情况下进行服务器调用。

为什么会这样？由于表单不属于某个模型对象所以我不知道在这里放置js？

更新：我将 application.html.erb 更改为只包含两个所需的文件：

<html>
  <head>
    <title>Umvox</title>
      <%= stylesheet_link_tag    "application" %>
      <%= javascript_include_tag "application" %>
      <%= javascript_include_tag "jquery.validate" %>
      <%= javascript_include_tag "jquery-1.7.2" %>
       <%= csrf_meta_tags %>

      <script type="text/javascript">
         $(document).ready(function() {
       $("#company_form").validate({
            rules: {
                "company": {required:true}
             },
             messages:{
                company: "Enter Company name"
              }
           });
         });​
       </script>
      <style type="text/css">
        #company_form {background-color: aqua}
        #company_form label { width: 250px; }
        #company_form label.error, #company_form input.submit { margin-left: 253px; }
    </style>
 </head>
 <body>
   <%= render "shared/dashboard_button_login" %>
   <%= yield %>
 </body>
</html>

谢谢哈屎

4

2 回答 2

2

Ehrm，我不是 ruby​​ 方面的专家，但似乎您同时包括：jquery.validate 和 jquery.validate.min，以及两个不同版本的 jquery。那不是很好。但只是出于好奇，你为什么不在 jquery 之后弹出你的 jquery validate 呢？

于 2012-11-30T19:27:45.403 回答
1

我同意 povilasp，您不必同时包含 jquery.validate 和 jquery.validate.min 文件。它们之间的唯一区别是前者是调试版本，而后者是压缩版本。

此外，如果您的 rails 版本比较新，则不必显式包含 jquery，因为 jquery 始终是 rails 使用的 js 库。（对不起，我不记得确切的版本）

于 2012-12-01T07:03:47.027 回答