Javascript 提交其他表单的ajax响应后如何提交表单?
我有一个作为文件输入的表单:Javascript 提交其他表单的ajax响应后如何提交表单?,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,我有一个作为文件输入的表单: <form method="post" id='careerform' action="<?php echo Yii::app()->createUrl('site/career'); ?>" enctype="multipart/form-data"> <input type="file" name="cv" id="cv"> <input type="button" id="submitcareer"
<form method="post" id='careerform' action="<?php echo Yii::app()->createUrl('site/career'); ?>" enctype="multipart/form-data">
<input type="file" name="cv" id="cv">
<input type="button" id="submitcareer" class="btn btn-default pull-right" data-toggle="modal" data-target=".bs-example-modal-sm" value="Submit">
</form>
当用户单击“提交”时,将检查表单是否有效:
<script type="text/javascript">
$(document).ready(function() {
$('#careerform').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
cv: {
validators: {
notEmpty: {
message: 'CV is required.'
},
file: {
extension: 'doc,docx,pdf,zip,rtf',
type: 'application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/rtf,application/zip',
maxSize: 5 * 1024 * 1024,
message: 'The selected file is not valid, it should be (doc,docx,pdf,zip,rtf) and 5 MB at maximum.'
},
}
}
}
});
$('#submitcareer').click(function(){
$('#careerform').data('bootstrapValidator').validate();
if($("#careerform").data('bootstrapValidator').isValid()){
$('#modalbtn').click();
}
});
});
</script>
然后会出现一个模式,该模式包含一个包含google recaptcha输入的表单:
<div class="modal-body">
<form method="post" id="modalform" enctype="multipart/form-data">
<?php
require_once(Yii::app()->basePath.'/extensions/recaptchalib.php');
$publickey = "...";
echo recaptcha_get_html($publickey);
?>
<button type="submit" class="btn btn-primary" id="modalsubmit" >Submit</button>
</form>
</div>
<div class="modal-footer">
<script type="text/javascript">
$(document).ready(function() {
$("#modalsubmit").click(function(event){
event.preventDefault();
$.ajax({
type:"post",
url:"<?php echo Yii::app()->createUrl('site/verify'); ?>",
data:$("#modalform").serialize(),
dataType: 'json',
async: false,
success:function(response){
if(response == 2){
$('#careerform').data('bootstrapValidator').validate();
if($("#careerform").data('bootstrapValidator').isValid()){
$('#careerform').submit();
}
}
}
});
});
});
</script>
</div>
如果用户正确输入了验证码,ajax响应将为2,则应提交第一张表单
当我得到一个响应值=2时,我的问题是第一个表单没有提交,那么这里的问题是什么?有没有其他方法可以满足我的要求 确定哪种类型是响应。如果数据类型设置为JSON,jQuery正在尝试将响应转换为JSON对象。对于初学者来说,如果可以通过禁用JS绕过响应,则重新捕获有什么意义?将$'SubmitCarer'。单击函数{更改为$'SubmitCarer'。单击函数E{e.preventDefault;@mplungjan相同result@IbrahimAshShohail如果没有响应结果,表单将不会发布到服务器,因此如果绕过它,将不会发生任何事情服务器的响应是什么?这不是我的意思。请尝试console.logtypeof response。如果它是对象,则它不能包含2作为值。服务器的响应是什么?请尝试下面是检查这是否是客户端问题的响应:echo json_encodearray'type'=>2;在回调函数中,只需检查response.type即可。不检查类型,只需检查response.type->2中的内容。对于代码:ifresponse.type==2{….那么,如果表单仍然没有提交,则是客户端行为的问题。查看验证程序代码以确定错误。在验证码表单之前调用验证过程,验证中的一切都是正确的,但是表单仍然没有提交