2011-01-09 76 views
-1

我有一些生成随机密码的php代码。在文本框旁边,我有一些文字说“点击以生成随机密码”。点击运行PHP代码并将结果粘贴到文本框中?

我期望实现的是当上面双引号中的文本被点击时,运行PHP代码,然后将生成的随机密码粘贴到上面的文本框旁边的双引号中。

这怎么办?我想也许jQuery,但不知道我会如何做我想要的以上。

+1

,如果你能在这里把你的HTML,将简单的添加脚本。 – tkt986 2011-01-09 14:06:37

+3

将此代码复制到Javascript中 – 2011-01-09 14:08:02

+0

Hi, 它只是一个带有文本框的简单表单。 – PHPLOVER 2011-01-09 14:10:12

回答

2

在这里,你是...完整,工作示例:)
提档“指数。 html'和'passgenerator.php'放入同一个目录。

的index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#generate').click(function(){ 
        $.get('passgenerator.php', function(data) { 
         $('[name=password]').val(data); 
        }); 
       }) 
      }); 
     </script> 
    </head> 
    <body> 
     <form action=""> 
      <input type="text" name="password"> 
      <input type="button" id="generate" value="Generate password"> 
     </form> 
    </body> 
</html> 

passgenerator.php

<?php 
echo sha1(uniqid()); 
?> 
2

要么使用ajax调用生成密码或类似col的脚本页面。弹片说端口的生成函数的JavaScript(这是一个好主意)

实施例(与jquery使用AJAX)

$.get("/PasswordGenerator.php",function(password) 
{ 
    $("#TextboxID").val(password); 
}); 

其中TextboxID为u希望密码被添加到文本框中的id。

0

试试这个ajax调用来获取使用ajax的内容,并显示它在div上。

$("#generate").click(function(){ 
$.get('url:to:urPHP',{ 

        data:urData 
        },function(data){ 
        $("#generatedPassword").html(data); 
        }); 

}); 
<input type="" id="generate" value="click to Generate a random password" /> 
<div id="generatedPassword"> 

<div> 
0

帕特里克·埃文斯是正确的。你可以设置你的形式是这样的:

<input type="button" value="Generate" onclick="generate();"> 

而且在部分你必须定义一个函数

<script type="text/javascript"> 
    function generate(){ 
$.get("/PasswordGenerator.php",function(password) 
{ 
    $("#TextboxID").val(password); 
}); 
} 
</script>