Question

在灯箱中，我渲染包含文本框和按钮的表单（next和prev）。

问题是，在我编辑文本框中的内容并单击“输入按钮”后，它应该触发“下一步”按钮上的点击事件，以便它转到灯箱中的下一个表单

我使用了以下代码，但是整个页面都是清爽的，而不是单独关注“下一个”按钮。

它会出错：ActionController::MethodNotAllowed Only get requests are allowed

$("input").bind('keyup', function(event) {
    if(event.keyCode == 13) {
       $("#nextbtn").click();
    }
});

如果语法

有任何问题，请更正

Answer 1

您需要return false并致电preventDefault对象上的event，以防止提交表单。

$( 'input' ).bind( 'keyup', function( e ) { 
    if( e.keyCode == 13 ) { 
       $( '#nextbtn' ).click(); 
    }
    e.preventDefault();
    return false;

}）;

另外，将method属性更改为GET，错误表明您无法提交POST个请求。

Answer 2

您可能还需要从Lightbox调用该页面作为Iframe，因此在提交表单后它不会自动关闭。

Jquery的大多数灯箱插件都提供了一个参数来将其作为iframe启动。

jquery - 单击事件

2 个答案: