从Javascript弹出窗口获取值-用作php post值
Grab Value from Javascript popup - use as php post value
首先,是否有更好的方法?让我知道。。。这种方式看起来有点"粗鲁"。以下是我要做的:正如您在下面的input
中看到的,我有一个文本字段,我只是想看起来像<a>
链接。如果用户单击它,我希望JavaScript
弹出框显示用户输入的电子邮件。我希望他们点击ok,然后我将该电子邮件值发送回表单,然后表单通过php帖子提交。
我不知道如何从框中获取值并将其插入form
(如果可能的话),以便它可以提交给php
。
这是代码:
<form id="frm1" action="login.php" method = "post">
<input onclick="resetPassword()" type="text" name="email" value="Reset Password" style="cursor: pointer; background:none; text-decoration: underline; border: none;" />
</form>
<script>
function resetPassword() {
var x;
var email=prompt("Enter email to reset password.", "example@email.com");
if (email!=null)
{
document.getElementById("frm1").submit();
}
}
</script>
<?php
if (isset($_POST['email'])) {
$email = $database -> escape_value(trim($_POST['email']));
// reset password
}
?>
从promt获取电子邮件,将其粘贴到输入字段并提交表单。
<form id="frm1" action="login.php" method='post'>
<input id="email" onclick="resetPassword()" type="text" name="email" placeholder="Reset Password" />
</form>
<script type="text/javascript">
function resetPassword() {
var email = prompt("Enter email to reset password.", "email@example.com");
if (email != null) {
document.getElementById("email").value = email;
document.getElementById("frm1").submit();
}
}
</script>
更好的方法是使用jQuery,并通过AJAX将文本字段的信息发送到需要$_POST变量的脚本。通过这种方式,<form>
元素将是不必要的。
function resetPassword() {
var x;
var email=prompt("Enter email to reset password.", "example@email.com");
if (email!=null) {
$.post( url_of_the_script, {email: email}, function() { alert('Email sent'); } );
}
}
将ID添加到input
字段:
<form id="frm1" action="login.php">
<input id="email" onclick="resetPassword()" type="text" name="email" value="Reset Password" style="cursor: pointer; background:none; text-decoration: underline; border: none;" />
</form>
function resetPassword() {
var email=prompt("Enter email to reset password.", "example@email.com");
if (email!=null)
{
document.getElementById("email").value = email; // Put value into form field
document.getElementById("frm1").submit();
}
}
如果您不希望用户能够直接在表单字段中键入内容,则应为其指定readonly
属性。onclick
阻止他们点击它,但他们仍然可以通过选项卡到达那里。
相关文章:
- 使用php或javascript从facebook相册URL中删除多余的部分
- 将PHP变量传递给jQuery时遇到问题
- 通过javascript重定向html传递php变量
- 将数组从PHP传递到Javascript
- 如何在php文件中获取$.post-ajax传递的值
- Javascript运行php文件,然后下载文件
- PHP中的setcookie仅适用于localhost
- 如何使用jquery处理php循环通过元素
- 通过Ajax将JavaScript函数传递给PHP文件
- 而循环只设置php中输入字段中的第一个值
- 我需要从php调用javascript或jquery
- 如何通过php页面将数据库值检索到jquery自动完成框中
- PHP AJAX图片上传示例不上传
- 通过php页面中的js强制下载txt
- 如何在PHP中使用$_POST获取Select元素值
- 如何从php中的会话数组中提取未知数量的元素,并将它们用作JavaScript中的单独变量
- 如何在执行php文件以从SQL数据库获取信息时上传数据以用作过滤器
- 如何从使用ajax更新的json文件中提取值,并将其用作php变量
- 从Javascript弹出窗口获取值-用作php post值
- 从Javascript中获取访问者IP,然后将其用作php变量