为什么我的jquery处理程序不是'i don’我提交时没有收到我的表格
Why my jquery handler isn't catching my form when i submit?
我使用JQuery&AJAX发送/rcv数据。但当我按下回车键提交此表单时,什么也没发生。
我该怎么做才能提交我的表格。
我在使用Foundation,这是我的模态,里面有表格:
<div id="modal_paquete" class="reveal-modal large custom-modal-container" data-reveal>
<div class="modal-header row custom-modal-header slogan-u">
<h4 class="white-text notification-tittle">Enviar Paquete</h4>
<a class="close-reveal-modal">×</a>
</div>
<div class="modal-content row extra-padding-row">
<div class="large-8 small-8 large-offset-2 small-offset-2 columns">
<form id="paquete-form" class="paquete-form row" method="post">
<%= token_tag(nil) %>
<select class="columns" form="paquete-form" name="agencia"required>
<option value="">Agencia Destino</option>
<% Agencia.find_each do |agencia| %>
<option value="<%= agencia.id%>"><%= agencia.nombre%></option>
<%end%>
</select>
<input class="columns" type="number" min="1" step="0.01" placeholder="Ancho en cm" name="ancho" required>
<input class="columns" type="number" min="1" step="0.01" placeholder="Alto en cm" name="alto" required>
<input class="columns" type="number" min="1" step="0.01" placeholder="Profundidad en cm" name="profundidad" required>
<input class="columns" type="number" min="0.1" step="0.01" placeholder="Peso en Kg" name="peso" required>
<input class="columns" type="number" min="1" step="0.01" placeholder="Valor en Bs" name="valor" required>
<input class="columns" type="text" placeholder="Correo Electrónico del Emisor" name="origen" required>
<input class="columns" type="text" placeholder="Correo Electrónico del Receptor" name="destino" required>
<textarea class="columns" form="paquete-form" placeholder="Descripción" name="descripcion" required></textarea>
<input class="columns" type="text" placeholder="El costo de envío es:" name="costo" disabled >
<input class="hidden-submit-button" type="submit">
<span class="alert round label">Presione Enter para enviar</span>
</form>
</div>
</div>
<div class="modal-footer row notification-footer"></div>
</div>
当我完成填写表格并按下回车键时,事件应该由我的脚本处理:
$(".paquete-form").on('submit', function(event) {
alert ("digs");
event.preventDefault();
event.stopImmediatePropagation();
var constante=0;
var porcentaje=0;
$.ajax({
type: 'POST',
url: '/enterprise',
data: {
'empresa_id': $("meta[name='empresa']").attr("content")
},
success: function(xhr) {
constante=xhr.constante;
porcentaje=xhr.porcentaje;
var ancho;
var alto;
var profundidad;
var peso;
var valor;
ancho= $("input[name='ancho']");
alto= $("input[name='alto']");
profundidad= $("input[name='profundidad']");
valor= $("input[name='valor']");
peso= $("input[name='peso']");
if (ancho.val()>0 && alto.val()>0 && profundidad.val()>0 && peso.val()>0 && valor.val()>0){
$("input[name='costo']").val((ancho.val()*alto.val()*profundidad.val()*peso.val()*valor.val()/constante)+(porcentaje*valor.val()/100));
}
},
fail: function(xhr, textStatus, errorThrown) {
console.log("error")
$('#modal_notificacion .notification-content').html(xhr.responseJSON.err_mssg);
$('#modal_notificacion').foundation('reveal','open');
}
});
$.ajax({
type: 'POST',
url: '/create',
data: {
'agencia': $(this).find("select[name='agencia']").val(),
'alto': $(this).find("input[name='alto']").val(),
'ancho': $(this).find("input[name='ancho']").val() ,
'profundidad': $(this).find("input[name='profundidad']").val(),
'peso': $(this).find("input[name='peso']").val(),
'valor': $(this).find("input[name='valor']").val(),
'costo': $(this).find("input[name='costo']").val(),
'emisor': $(this).find("input[name='origen']").val(),
'receptor': $(this).find("input[name='destino']").val(),
'descripcion': $(this).find("textarea[name='descripcion']").val()
},
success: function(server_data) {
$('#modal_notificacion .notification-content').html(server_data["success_mssg"]);
$('#modal_notificacion').foundation('reveal','open');
},
error: function(xhr, textStatus, errorThrown) {
console.log("error")
$('#modal_notificacion .notification-content').html(xhr.responseJSON.err_mssg);
$('#modal_notificacion').foundation('reveal','open');
}
});
$('#modal_notificacion .notification-content').html('');
$(this).trigger("reset");
});
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 在我的网站上显示最近提交的文章/图片
- 如何在我的情况下禁用表单提交
- 为什么我的按钮组件提交它所在的表单
- 为什么我的ajax在提交用@HtmlRenderPartial加载的表单时只调用fire一次
- 我如何让我的脚本连续提交两个表单
- 表单提交问题,如何在我的URL末尾获得ID的值
- 如何在HTML表单中提交我的下拉选择
- 我的提交按钮不起作用
- 我的提交按钮不起作用
- 为什么在第一次运行所需的脚本之前,我的“提交”按钮需要点击两次
- 为什么我的提交表单不被执行在我的流星应用程序
- 为什么我的提交按钮填充
- 试图改变我的提交输入表单提交值
- 为什么我的提交按钮不起作用?
- 麻烦它给我404(未找到)-我点击我的提交后
- 为什么我的提交表单带我到php页面
- 为什么我的提交按钮隐藏,即使消息没有'我没有收到
- 如何隐藏我的提交按钮,直到我的表单被验证
- 当点击我的提交按钮时自动滚动