Javascript 使用相同形式的按钮激活脚本

我有一个表单，只有普通的

它已经在表单中了。但我想做的是，使用随机密码生成器为密码字段生成密码。该按钮需要激活脚本并将值输入密码字段

但是它不可能以表格的形式提交表格，对吗

示例代码：

<?php
//password gen
if (isset($_POST['passgen'])) {
  $charset = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
  $generated_password = substr(str_shuffle($charset), 0, 12);   
}
//password gen end
?>

<form action="index.php" method="POST">
<input type="submit" name="submit-form-with-text" value="submit form"/> 
<input type="submit" name="activate-the-passgen" value="Generate a password"/>
<input type="text" value="<?php echo $generated_password; } ?>" size="15" /> 
</form>

如果要使用jquery，请尝试：
演示：

JS

$(document).ready(function(){
  $("#genPass").click(function(){
        chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
        var result = '';
        for (var i = 15; i > 0; --i)
            result += chars[Math.round(Math.random() * (chars.length - 1))];
         $("#pass").val(result);
    })   
});

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<form action="index.php" method="POST">
     <input type="submit" name="submit-form-with-text" value="submit form"/>
    <input type="button" id="genPass" name="activate-the-passgen" value="Generate a password"/>
    <input type="text" value="" id="pass" size="15" />
</form>


为此目的使用ajax我猜大约没有用户会使用该选项生成密码，因为他们不会记住密码，而是会选择使用他们记住的密码。不可能使用嵌套表单，但可以使用多个表单，在会话中存储生成的pwd，并在上次提交时使用它，Ajax是一个很好的选项，我如何用Ajax来命名这样的选项，这样我就可以查找它了？@PhpRookie：我用jquery发布了答案。