jquery 検証なしで正しく送信されるフォームがありますが、jquery 検証では送信されません。jquery validate を使用すると、フィールドが 6 文字未満の場合は正しく表示され、6 文字以上の場合はエラーがなくなります。ただし、ボタンをクリックしても何も起こりません。検証スクリプトは次のとおりです。
<% content_for :head do %>
<script type="text/javascript">
$(document).ready(function () {
alert("document ready");
$("#new_hotel").validate({
debug: true,
rules: {
"hotel[name]": {required: true, minlength: 6},
}
});
});
私のフォームはこれです:
<div class="modal-body">
<%= form_for @hotel do |f| %>
<%= f.label :name %>
<%= f.text_field :name%>
<div class="modal-footer">
<a class="btn" data-dismiss="modal" aria-hidden="true">Cancel</a>
<%= f.submit 'Create Hotel' , :class => 'btn btn-primary', :type => 'submit' %>
</div>
<% end %>