Question

我基本上想要阻止长度少于3个字符的搜索。

在Rails 2.x中，我只是在onClick事件中执行此操作。我现在知道如何在Rails 3中处理AJAX请求和响应，但是在Rails 3中不会使用onClick事件被认为是突兀的吗？

Answer 1

是的，onclick确实会被认为是突兀的。您可能希望在javascript中使用第三方验证库。它可以像这样工作：

<form ... class="validated">
  <input type="text" name="name" data-validation="presence=true,format=/[a-zA-Z0-9\s]+/" />
  <input type="submit" value="Send" />
</form>

<script language="javascript">
  $('form.validated').live('submit', function() {
    var data = $(this).serializeArray();
    var errors = [];
    $(this).find('input').each(function() {
      var input = $(this);
      $.each($(this).attr('data-validation').split(','), function(validation) {
        var type, param = validation.split("=");
        if(type == "presence") {
          if(input.val() == "") errors += input.attr('name') + " is empty";
        } else if(type == "format") {
          ...
        }
    });
    return (errors.length == 0);
  });
</script>

（只是我头脑中的一些粗略代码。那里有很多警告。）

但不是写下所有内容，也许你只想使用：http://github.com/jzaefferer/jquery-validation

Answer 2

知道了！我把这段代码放在application.js：

中

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
$(function() {
    $("#search_submit").click(function() {
        if ($("#search_value").val().length < 3) {
            alert("You must supply 3 or more characters in your search.");
            return false;
        }
    })
})

我的表格是：

  <%= form_for(@search, { :remote => true, :html => { :id => 'left', :class => "custom-border" } }) do |f| %>
    <h2><%= f.label :value, "Search By Part or Interchange #" %></h2>
    <p><%= f.text_field :value %></p>
    <p class="button"><%= f.submit "Search" %></p>
  <% end %>

瞧！

什么是Rails 3在提交之前进行表单字段验证的方法？

2 个答案: