在提交之前,获取用户输入值并将其插入表单中的其他位置?

时间:2013-02-21 14:25:30

标签: php jquery wordpress forms

是否可以获取输入值并在提交前将其插入表单中的其他位置?

<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post" id="login-form">
    <p>Please login.</p>
        <input type="text" placeholder="Username" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" />
        <input type="password" placeholder="Password" name="pwd" id="pwd" />
    <p>
        <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me
    </p>
    <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>/<?php echo $_POST['log']; ?>" />
    <p>
        <a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Recover password</a>
    </p>                                
    <input type="submit" name="submit" value="LOGIN" class="login-button" />                                
</form>

我想将用户输入的值输入此输入:

<input type="text" placeholder="Username" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" />

并将价值放入:

<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>/<?php echo $_POST['log']; ?>" />

我放弃了S_POST['log'],但这不起作用。

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

您可以尝试使用JQuery在提交之前分配值。

// 1. Change the type='submit' to type='button'
// 2. Give new submit button an id, DO NOT USE 'submit' 

$(document).ready(function() {
    $('input#submits').click(function(event) {

        $('input[name="redirect_to"]').val( $('input[id="log"]').val() ); 
        if( $('input[name="redirect_to"]').val() != '' )
           $('form#login-form').submit();

    });
});

答案 1 :(得分:0)

如果你要使用JQuery,你可以设置一个这样的监听器:

$("#log").bind('input', function() {
    $("IDofHiddenField").val("www.domain.com" + $("#log").val());
  }
相关问题