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

Replace default placeholder after form submit

本文关键字：默认 占位符 表单提交 替换      更新时间：2023-09-26

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

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

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

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

那我就试试:

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