javascript - 表单提交后替换默认占位符

Question

如何用提交的值替换表单中的默认占位符（使用 JQuery 或 JavaScript）？谢谢！

这是一个示例代码：

<form name="" id="RegForm" method="post" action="">
<table cellpadding="0" cellspacing="0" width="260" align="center">
    <tr>
        <td align="center" colspan="2" height="45" valign="middle"><input type="text" name="username" id="username" class="text" placeholder="Your Username here" style="background:url(img/bg_text.png) no-repeat;" /></td>
    </tr>
    <tr>
        <td align="left" width="120" height="50" valign="middle"><input type="image" id="submitbtn" src="img/but_register.png" class="submit" onclick="checkPreReg()"/></td>
    </tr>
</table>

Javascript：

<script>
   function checkPreReg() { 
    var form = $("#RegForm");
    var u = $("#username", form).val();
    $('#username',form).attr('placeholder',u);
}
</script>

它根本不起作用。我尝试了其他脚本，但是在新的占位符短暂出现后，该值又回到了默认的占位符。

Answer 1

我想说这个问题可能需要一些澄清，但我会试一试。

如果你的意思是：

<input type="text" placeholder="default_placeholder" />

然后我会尝试：

$(document).ready(function(){
  $('#FORM').submit(function(){
    $('#INPUT_ID').attr('placeholder','new text here');
  });
});