表格发送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你是对的,我已经改变了标题,以反映我真正想要的 –