Javascript 在表单提交后替换默认占位符

如何用提交的值替换表单中的默认占位符（使用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>

函数checkPreReg（）{
变量形式=$（“#RegForm”）；
var u=$（“#用户名”，表单）.val（）；
$（'#username'，form）.attr（'占位符'，u）；
}

---

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

我想说这个问题可能需要一些澄清，不过我会尝试一下

如果你的意思是：

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

---

我认为将其作为占位符会令人困惑，最好将其作为默认值。我不介意使用“值”而不是“占位符”，只要我获得了功能，即：a）字段告诉输入内容（即用户名）b）当用户单击字段时，默认文本消失c）当用户提交表单时，该字段显示用户输入的内容。谢谢你，罗布！输入类型图像是一个提交按钮。表单正在提交，刷新页面以便看到原始表单。不要过度使用占位符，也不要使用占位符代替适当的标签。@Vincenthrth它“有效”，但并非如您预期的那样，您只是因为表单提交而看不到结果。

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