在使用更改或键入后如何解决表单提交问题

时间:2019-06-06 12:01:24

标签: php jquery wordpress

我正在使用keyup将来自wordpress表单插件(formidable pro)的两个值连接到同一表单的另一个字段中,然后提交该数据,但是单击“提交”时表单会刷新,除非我提交,否则不提交数据再来一次。

我也尝试过更改,其结果相同,这是我使用的代码(将输入到字段中的值组合在一起),这似乎是表单提交,因为如果我删除了表单提交的代码。这是我尝试过的:

$(".rafflePopup input").on("keyup", function(){
    $(".frm_forms input[type='hidden']").val($(".raffleEntryName input").val() + " - Apartment: " + $(".raffleEntryApartmentNumber input").val());
});

还有:

var value;
$('.raffleEntryName input').change(function() {
    value = $(this).val();
});
$('.raffleEntryApartmentNumber input').change(function() {
    value += " - Aprtment "+$(this).val();
    $(".frm_forms input[type='hidden']").val(value);
});

可以在提交表单之前用PHP完成此操作吗?也许是jQuery中的另一种方式。

我希望表单提交,并转到表单插件具有的Thankyou页面

工作中的更新代码:

$(".rafflePopup input").on("keyup", function(){
    $(".frm_forms input#field_ayhi2").val($(".raffleEntryName input").val() + " - Apartment: " + $(".raffleEntryApartmentNumber input").val());
});

1 个答案:

答案 0 :(得分:1)

尝试更改

$(".rafflePopup input")$("#form_raffle input")

$(".frm_forms input[type='hidden']")$("#form_raffle input[type='hidden']")

问题是您尝试访问的类位于表单外部的div上,并且jquery选择器找不到关联的输入元素