Rails ：为什么将自定义名称属性添加到text_field时不提交数据？

Question

在text_field中添加名称属性时，数据不会提交，当我删除名称属性时，它提交正常，但jquery验证不起作用。我正在使用jquery formvalidation.io 插件进行验证，我想在text_field中添加一个自定义名称属性以进行验证。到目前为止，我发现很难遵循，我尝试添加这样的" 'name'=>'test' "text_field但没有用，希望有人能想出一个解决方案，以便jquery验证和数据提交都可以正常工作，谢谢。

这是我的网页

<section class="content">
<%= form_for(tbl_ad_test_overview, :html => {:class => "form-online", :id => "form", :style => "margin-left: 15px; width: 95%;"}) do |f|%>
<div class="form-group">
<%= f.label :test, 'Test Number *', class: 'font-color' %>
<%= f.text_field :test, id: 'test', name:'test', placeholder: 'Test Number', class: 'form-control'%>
<br>
</div>
<div class="form-group">
<div class="col-lg-12 col-xs-offset-5">
<%= f.submit "Submit", id: 'validate', class: 'btn btn-primary'%>
</div>
</div>
<% end %>
</section>

这是我的J查询

$(document).ready(function() {      
$('#validate').on('click', function(event) {   
$('#form').formValidation({
framework : 'bootstrap',
icon : {
valid : 'glyphicon glyphicon-ok',
invalid : 'glyphicon glyphicon-remove',
validating : 'glyphicon glyphicon-refresh'
},
fields : {
test : {
validators : {
notEmpty : {
message : 'Please enter a positive number greater than 0'
},
stringLength : {
min : 1,
message : 'Please do enter at least 1 number'
},
}
}
}
});
});   
});

这是控制器中必需的参数

def tbl_ad_test_overview_params
params.require(:tbl_ad_test_overview).permit(:test)  
end

Answer 1

text_field(:post, :title, size: 20)

# => <input type="text" id="post_title" name="post[title]" size="20" value="#{@post.title}" />

form helpers借助form_for记录生成默认名称，向表单帮助程序添加自定义名称将覆盖默认名称。

您正在覆盖默认名称(在您的情况下，它将tbl_ad_test_overview[test](以test这将导致提交失败。

溶液：

不要添加自定义名称，而是在 Jquery 验证中使用默认名称。

<%= f.text_field :test, id: 'test', placeholder: 'Test Number', class: 'form-control'%>

并在 Jquery 验证中使用"tbl_ad_test_overview[test]"而不是test。

Answer 2

您需要首先以正确的方式编写验证脚本，就像使用以下示例代码一样...

$(document).ready(function() {
$('#loginForm').formValidation({
framework: 'bootstrap',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
username: {
validators: {
notEmpty: {
message: 'The username is required'
},
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
regexp: {
regexp: /^[a-zA-Z0-9_.]+$/,
message: 'The username can only consist of alphabetical, number, dot and underscore'
}
}
},
password: {
validators: {
notEmpty: {
message: 'The password is required'
}
}
}
}
});
});

使用类似于上述格式的格式使您的代码。如果您在自定义名称方面遇到问题，请编写脚本并使用嵌入式脚本解析的名称提交表单。从我的角度来看，更新时，名称不应影响表单属性。