表格发送ajax请求实例,发送AJAX请求而不提交表格

当用户填写预订信息时，他需要以他接收代码的形式验证他的电话号码，并在提交之前将剩余的预订信息放在其中，所以我有下面的视图发送AJAX请求而不提交表格

New Patient

current_or_not_authenticated_user.id %>

New Address

Send SMS

$(document).ready(function() {

$('#smsBtn').on('click', function() {

$.ajax({

url: ,

type: 'ajax',

data: $('#code').val()

});

});

});

上点击smsbtn应该去phone_verification控制器，依次调用第三方方法发送短信给用户，然后用户填写自己的密码，并点击提交。

我的问题是，当用户点击smsbtn，@booking表单被提交，我不想表单提交，除非用户点击Confirm Booking，我的jquery工作的唯一方法是当我移动手机领域和smsbtn外部形式。

字段的顺序很重要，因为我不希望用户先找到代码字段，然后再根据它查找手机字段。

2016-10-03

Medo

+0

如果你想分享一个控制器方法，通常，我把它拉出来成为一个助手，然后让'其他'控制器包含助手。 (在ApplicationController中查看helper()方法) –

+0

@Medo，我认为你的问题的标题不符合实际问题。您只需要在不提交表单的情况下执行AJAX请求。 –

+1

@Leito你是对的，我已经改变了标题，以反映我真正想要的 –