表單提交後替換默認的佔位符

如何用提交的值替換表單中的默認佔位符（使用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>

它不會在所有的工作。我嘗試了其他腳本，但是在新的短暫出現之後，該值會返回到默認佔位符。

來源

2013-04-22 Vincent

我覺得把它作爲佔位符將會引起混亂，不如把它作爲默認值。 – RobG 2013-04-22 22:08:29

我不會介意使用「值」而不是「佔位符」，只要我得到的功能是：a）該字段告訴輸入的內容（即用戶名）b）當用戶點擊字段時，默認文本消失c）當用戶提交表單時，該字段顯示用戶輸入的內容。謝謝你，羅伯！ – Vincent 2013-04-22 23:15:03

輸入類型圖像是一個提交按鈕。表單正在提交，刷新頁面以便看到原始表單。不要過度使用佔位符，也不要使用它們代替適當的標籤。 – RobG 2013-04-23 01:00:03

我會說這個問題可能需要一些澄清，但我會給它一個鏡頭。

，如果你的意思是：

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

然後我會嘗試：

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

來源

2013-04-22 22:23:59

抱歉，但它不工作... – Vincent 2013-04-22 23:20:49

@ VincentHirth，它「作品」，但並不像你期望的那樣，你只是沒有看到的結果，因爲形式提交。 – RobG 2013-04-23 01:01:25

Aaaaaaah .....對不起，我沒有意識到這一點。感謝RobG和REaction！ – Vincent 2013-04-23 01:32:05

表單提交後替換默認的佔位符

回答

相關問題