首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >提交两次表单的JQuery更改(函数())

问提交两次表单的JQuery更改(函数())
EN

Stack Overflow用户
提问于 2014-11-19 06:00:13
回答 1查看 270关注 0票数 2

有一个用PHP编写的“创建概要文件”页面。有2种形式和1种JQuery函数。

代码语言:javascript
复制
<script type="text/javascript" >
    $(document).ready(function(){   

        $('#photoimg').change(function(){ 

            $("#imageform").ajaxForm({
                        target: '#preview'
            }).submit();
        });
    }); 
</script>

这是图像显示的地方:

代码语言:javascript
复制
<div id='preview'></div>

表单-1:(用于配置文件图像上传)

代码语言:javascript
复制
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
    <input name="photoimg" id="photoimg" type="file" />
</form>

Form-2: (获取其他文本信息)

代码语言:javascript
复制
<form class="form-signin" name="reg" role="form" action="process.php" method="post">
    .... some normal input values ....
   <input type="submit" value="Submit">
</form>

问题:

当我点击"photoimg“浏览图像文件并进行选择时,JQuery的"onchange”工作得很好,"imageform“正在提交,而'ajaximage.php‘被称为’ajaximage.php‘,上传的图像在DIV’预览‘的主页上显示得很完美,而没有刷新主页。这部分工作很完美。

在此之后,如果我单击表单"reg“的SUBMIT按钮,而不是"process.php”,它将再次进入"ajaximage.php“。这就是问题所在。

如果我刷新主页,然后单击表单"reg“的SUBMIT按钮,那么它将转到"process.php”。

我不知道我的问题是否清楚。提前感谢您的时间和帮助。

添加"ajaximage.php“代码以供参考:

代码语言:javascript
复制
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
{
 .......
  do all the image upload stuff & update database
 .......
 echo "<img src='uploads/".$actual_image_name."'>";
}
EN

回答 1

Stack Overflow用户

发布于 2014-11-19 06:22:42

有可能走过去。

  1. 检查目标div更新后是否正确关闭了所有html标记。
  2. 在请求完成后,尝试将焦点从文件元素中移出。
  3. 检查控制台上的jQuery错误。
  4. 检查某些if是否冲突。
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27010033

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档