自动填充表单并使用URL参数自动提交

时间:2012-09-12 09:52:37

标签: php javascript html forms

我想使用URL参数自动填充以下表单,例如使用以下URL:

example.co.uk/example.php?acct=wirelesslogicde&pwd=jenkins

如果可能的话,我也希望自动提交,我该怎么做?

            <form action="http://www.twg.com/logincheck.aspx" method="post" name="login" style="margin-bottom: 0;">
            <p class="readmore" style="margin-bottom: 0;">
            <input name="module" id="module" type="hidden" value="HL"/>
            <input name="page" id="page" type="hidden" value="account.aspx"/>
            <strong>Account:</strong> <br />
            <input name="acct" id="acct" class="contact input" size="12" maxlength="16"/>
            <br />             
            <strong>Password:</strong> <br />
            <input type="password" name="pwd" id="pwd" class="contact input" size="12" maxlength="16"/><br /><br />
            <input type="submit" name="submit" id="submit" class="button" value="Login"/>
            </p>
            </form>

新表格:

    <head>
    <script src="jq.js" type="text/javascript"></script>
    </head>

    <form action="http://www.zstats.com/logincheck.aspx" method="post" name="login" style="margin-bottom: 0;" id="zstatslogin">
    <p class="readmore" style="margin-bottom: 0;">
    <input name="module" id="module" type="hidden" value="HL"/>
    <input name="page" id="page" type="hidden" value="account.aspx"/>
    <strong>Account:</strong> <br />
    <input name="acct" id="acct" class="contact input" size="12" maxlength="16" value="<?php echo $_REQUEST['acct']; ?>"/>
    <br />             
    <strong>Password:</strong> <br />
    <input type="password" name="pwd" id="pwd" class="contact input" size="12" maxlength="16" value="<?php echo $_REQUEST['pwd']; ?>"/><br /><br />
    <input type="submit" name="submit" id="login" class="button" value="Login"/>
    </p>
    </form>

    <script type="text/javascript">
    $(document).ready(function() {
    $("#login").submit();       
    }); 
    </script>

3 个答案:

答案 0 :(得分:1)

        <form action="http://www.twg.com/logincheck.aspx" method="post" id="login" name="login" style="margin-bottom: 0;">
           <p class="readmore" style="margin-bottom: 0;">
              <input name="module" id="module" type="hidden" value="HL"/>
              <input name="page" id="page" type="hidden" value="account.aspx"/>
              <strong>Account:</strong> <br />
              <input name="acct" id="acct" class="contact input"  value="<?=$_GET['acct']?>" size="12" maxlength="16"/>
              <br />             
              <strong>Password:</strong> <br />
              <input type="password" name="pwd" id="pwd" class="contact input"  value="<?=$_GET['pwd']?>" size="12" maxlength="16"/><br /><br />
              <input type="submit" name="submit" id="submit" class="button" value="Login"/>
           </p>
        </form>

使用$_GETURL获取值。

对于自动提交使用,请确保在使用以下脚本之前加载了jquery插件。如果您没有添加JQuery,请从JQuery获取,并在javascript文档的<head>部分中包含与任何其他HTML文件类似的文件。

$(document).ready(function() {
   $("#login").submit();       
}); 

答案 1 :(得分:0)

你可以使用jQuery

进行自动提交
$('#some_form_id').onLoad(function(){
$.Post('form_target',{parameters:values});
});

并且对于填充,您可以添加

<input name="acct" id="acct" class="contact input" size="12" maxlength="16" value="<?php echo $_REQUEST['acc']; ?>"/>
<input type="password" name="pwd" id="pwd" class="contact input" size="12" maxlength="16" value="<?php echo $_REQUEST['pwd']; ?>"/>

答案 2 :(得分:0)

您可以使用php执行此操作,例如:

<input name="acct" id="acct" class="contact input" size="12" type="text" value=="<?php echo $_GET['acct'];?>" maxlength="16"/>

或使用javascript,这会有点复杂,请查看window.location.search以过滤查询字符串..

参考:https://developer.mozilla.org/en-US/docs/DOM/window.location