양식 제출 후 기본 자리 표시 자 바꾸기

양식의 기본 자리 표시 자 (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>

자바 스크립트 :

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

그것은 전혀 작동하지 않습니다 여기에

은 샘플 코드입니다. 나는 다른 스크립트를 시도했지만, 새로운 스크립트가 잠깐 나타난 후에 값은 기본 자리 표시 자로 돌아갑니다.

출처

2013-04-22 Vincent

기본 값으로 넣어, 더 혼란 스러울 것입니다. – RobG

나는 "자리 표시 자"대신 "값"을 사용하는 것에 신경 쓰지 않을 것입니다. 기능을 얻는 한 a) 필드에 무엇을 입력해야하는지 알려줍니다 (예 : 사용자 이름). b) 사용자가 필드를 클릭하면 기본 텍스트가 사라짐 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와 반응에 감사드립니다! – Vincent

양식 제출 후 기본 자리 표시 자 바꾸기

답변

관련 문제