Question

我正在关注嵌套表单字段中的Ryan Bates剧集，并添加了第2部分末尾建议的jquery位。一切正常（我可以添加字段并删除字段）。我现在想限制您可以在表单中添加的字段数。在我的application.js中我有

function add_fields(link, association, content) {
        var new_id = new Date().getTime();
        var regexp = new RegExp("new_" + association, "g")
        $(link).parent().before(content.replace(regexp, new_id));
}

正如瑞安贝茨写的那样。阅读另一篇文章我改变了现在读到的行：

function add_fields(link, association, content) {
    if($(".fields input").length < 5) {
        var new_id = new Date().getTime();
        var regexp = new RegExp("new_" + association, "g")
        $(link).parent().before(content.replace(regexp, new_id));
    }
}

然而，这不起作用，我在这里做错了什么。谢谢你的帮助。

*修改
这是表格

<%= form_for @question, :url => { :controller => "questions", :action => "create" } do |f| %>
    <%= f.label(:name, "Request Question:") %>&nbsp;&nbsp;
    <%= f.text_field(:name, :size => 72, :maxlength => 120, :id => "name") %><br />
    <fieldset>
        <legend><b>Tags</b></legend>
        <%= f.fields_for :tags, :url => { :controller => "tags", :action => "create" } do |builder| %>
            <%= render "tag_fields", :f => builder %>
        <% end %>
        <p><%= link_to_add_fields "Add new keyword", f, :tags %></p>
    </fieldset>
<% end %>

标记字段部分

<p class="fields">
    <%= f.label(:keyword, "Keywords:") %>&nbsp;&nbsp;
    <%= f.text_field(:keyword, :size => 20, :maxlength => 25, :id => "keyword") %>
    <%= link_to_remove_fields "remove", f %>
</p>

Answer 1

只是一个小的变化来计算输入字段的数量：

function add_fields(link, association, content) {
    if($(":input").length < 5) {
       // logic to add items
    }
}

如果要使用id：“controls”（例如）检查特定div的输入内容：

function add_fields(link, association, content) {
    if($("#controls :input").length < 5) {
       // logic to add items
    }
}

如何使用jquery无效工作来限制嵌套表单字段

1 个答案: