Javascript 表单提交两次使用
我正在运行一个脚本,该脚本基于基金会的beford函数是否在某种形式上有效。当出于某种原因有效时,该表单将提交两次?为什么? 我对两个单独的字段有两个单独的ajax调用,因为它们都需要检查唯一性。如果它们都是唯一的,那么表单需要提交所有内容,就像它应该提交的那样,但是表单会提交两次 我尝试了两个版本的Javascript 表单提交两次使用,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,我正在运行一个脚本,该脚本基于基金会的beford函数是否在某种形式上有效。当出于某种原因有效时,该表单将提交两次?为什么? 我对两个单独的字段有两个单独的ajax调用,因为它们都需要检查唯一性。如果它们都是唯一的,那么表单需要提交所有内容,就像它应该提交的那样,但是表单会提交两次 我尝试了两个版本的.submit(),其中第一个版本根本不允许表单提交:$(“#ClientCreateForm”).submit()所以我找到了前面的一个问题,并将其更改为:$(“#ClientCreateForm
.submit()
,其中第一个版本根本不允许表单提交:$(“#ClientCreateForm”).submit()
所以我找到了前面的一个问题,并将其更改为:$(“#ClientCreateForm”)[0]。提交()代码>现在它只提交两次
这是我的密码:
$("#ClientCreateForm").on('valid.fndtn.abide', function (event) {
var number = $("input[name='number']").val();
var dataString = 'number='+number;
$.ajax({
type: "POST",
url: "/bamboo/panda/actions/check_number/",
data: dataString,
success: function(data) {
var data = data.trim();
if(data == '1')
{
var email = $("input[name='email']").val();
var EdataString = 'email='+email;
$.ajax({
type: "POST",
url: "/bamboo/panda/actions/check_email/",
data: EdataString,
success: function(Edata) {
var Edata = Edata.trim();
if(Edata == '1')
{
$("#ClientCreateForm")[0].submit();
}
else
{
$(".email-field").attr('class', 'number-field small-3 columns error');
$(".email-field .error").html('Must be a unique email');
return false;
}
}
});
}
else
{
$(".number-field").attr('class', 'number-field small-3 columns error');
$(".number-field .error").html('Must be a unique number');
return false;
}
}
});
event.preventDefault();
提交我的表单的代码是HTML格式的,如下所示:
<fieldset>
<legend>Form Actions</legend>
<input type="submit" value="Create Client" name="MyClientSubmit" class="button small success pull-right">
</fieldset>
形成行动
<>这是一个显而易见的问题。p>
将('valid.fndtn.append',function(event){
更改为:$(“#ClientCreateForm)。on('valid',function(event){
解决了此问题,尽管valid
已被弃用
此处发现:
< P>在基础5.5.1、时,与下述问题相同。
jQuery('form#reg_form').on('valid.fndtn.abide', function() {
然而,在今天升级到5.5.2版之后,它似乎被清除了。我碰巧调用了一个ajax请求,Firebug现在在网络面板中显示了一个请求。提交按钮的代码是什么?检查更新的问题。