0

我正在使用 UJS 在模态中填充表单，我正在使用 JQuery Validate 执行验证并通过 ajax 将表单提交回服务器。

一切正常，表单被渲染，字段被验证，表单被正确提交到服务器。问题是挂在$.rails.handleRemote函数之外的回调不会触发。

这是我用于验证和提交的 CoffeeScript（这个函数是从 new.js.erb 和 edit.js.erb 调用的：

@initializeForm: ->
    $(".note-form").validate ->
        rules: 
            "note[title]" : "required"
    submitHandler: (form) ->
        $.rails.handleRemote($(form))
            .done ->
                alert "You will never see me!"

新的.js.erb

$('#modal-window').html('<%= escape_javascript(render :partial => 'form', :object => @note) %>');

Note.initializeForm();

创建.js.erb

var note = new Note();

note.createOrUpdate("note<%= @note.id %>", "<%= @note.title %>", "<%= escape_javascript(render @note) %>");

我可以通过在应用程序范围的脚本中添加它来破解它：

$(document).on 'ajax:success', '.note-form', ->
    alert "Here I am!"

我已经验证我只加载了一份 JQuery 副本。

任何想法都会很棒！

编辑 这是发送到浏览器的已编译 JS：

Note.initializeForm = function() {
    return $(".note-form").validate(function() {
        return {
            rules: {
                "note[title]": "required"
            },
            submitHandler: function(form) {
                return $.rails.handleRemote($(form)).always(function() {
                    return alert("You will never see me!");
                });
            }
         };
    });
};
4

1 回答 1

0

问题在于 validate 调用的语法。我传递的是一个函数而不是一个对象。

validate从 CoffeeScript调用的正确方法：

@initializeForm: ->
    $(".note-form").validate
        rules: 
            "note[title]" : "required"
        submitHandler: (form) ->
            $.rails.handleRemote($(form))
                .done ->
                    alert "You will never see me!"
于 2013-09-27T18:31:04.453 回答