Заменить заполнитель по умолчанию после отправки формы

Как заменить заполняемый по умолчанию заполнитель в форме (используя 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

Я не против использовать «значение» вместо «Placeholder», пока я получаю функциональность, а именно: а) поле сообщает, что вводить (т. Е. Имя пользователя); б) когда пользователь нажимает на поле, текст по умолчанию исчезает. c) Когда пользователь отправляет форму, поле показывает, что пользователь вводил. Спасибо, Роб! – Vincent

Изображение типа ввода представляет собой кнопку отправки. Форма отправляет, обновляя страницу, чтобы увидеть оригинальную форму. Не используйте для использования заполнители и не используйте их вместо подходящего ярлыка. – RobG

Я бы сказал, что этот вопрос может понадобиться некоторое разъяснение, однако я дам ему шанс.

, если вы имеете в виду:

<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

@ VincentHirth-it «работает», но не так, как вы ожидаете, вы просто не видите результат, потому что форма отправляется. – RobG

Aaaaaaah ..... Извините, я этого не осознавал. Благодаря RobG и REaction! – Vincent

Заменить заполнитель по умолчанию после отправки формы

ответ

Смежные вопросы