2012-02-26 86 views
5

我目前正在开发一个php/html/javascript项目。我有一个表单,当用户按下提交按钮时,它应该运行一个javascript函数,然后发布到一个php页面来处理在表单中提交的数据。表单提交以运行JavaScript,然后发布到php脚本

我有形式运行JavaScript方法如下

<form class="form" id="addImageForm" name="addImageForm" action="javascript:validateAddImage();" method="post"> 

的方法验证表单,调用另一个方法,然后将其提交使用document.myForm.submit();

我如何得到它提交表单形成另一个php页面来处理数据,包括上传选定的文件。

感谢您提供的任何帮助。

+0

只需将您的页面名称传入操作标记并在窗体的onsubmit事件上调用javascript函数即可。

Milap 2012-02-26 15:07:01

回答

6

将yout'action'参数设置为您的PHP脚本,并在javascript事件中执行任何javascript处理。

<form class="form" id="addImageForm" name="addImageForm" action="processing.php" method="post" onsubmit="return validateAddImage();"> 

然后在您的js验证中,如果一切正常,则返回'true';否则返回'false'。返回'真'表示'继续提交过程并将数据发送至processing.php

+0

感谢您的帮助 – Boardy 2012-02-26 15:42:30

+0

没问题,我不得不多次面对这个问题。你也可以看看jQuery验证插件http://bassistance.de/jquery-plugins/jquery-plugin-validation/ – Tchoupi 2012-02-26 15:44:05

5

你需要的是onsubmit

<form class="form" id="addImageForm" name="addImageForm" action="addImage.php" onsubmit="return validateAddImage();" method="post"> 
1

更换action属性与你的PHP页面的名称,并有validateAddImage方法作为onsubmit事件。

1

将action属性更改为您要发布到的PHP脚本的地址。 在onsubmit属性而不是操作中调用javascript函数。但是你必须在返回语句前加上前缀。

<form class="form" method="post" action="your/script.php" id="addImageForm" name="addImageForm" onsubmit=return javascript:validateAddImage()> 

如果validateAddImage()返回false这样,表单就不会被提交。但如果它返回true,它会。