페이지가로드 될 때 입력 필드를 비우는 방법

사용자 이메일을 사용자에게 전자 메일로 보내는 양식이 있습니다. 전자 메일을 보내는 .php 파일로 이동하는 양식이 있으며 성공하면 window.history .뒤로();. 어느 것이 잘 돌아가는지, 그것은 그들이 있던 곳으로 바로 돌아갑니다. 양식에 입력 한 정보가 아직 남아있는 경우를 제외하고는. 페이지가로드 될 때 해당 입력을 지우거나 사용자가 양식을 제출 한 직후 지워져 돌아갈 때 비어있게하려면 어떻게합니까?페이지가로드 될 때 입력 필드를 비우는 방법

이 작업에 대해 몇 가지 주제가 있지만 jQuery가 모두 사용되었으므로이 질문은 jQuery없이 수행 할 수 있는지 묻는 것입니다.

출처

2013-09-29 Josh Graef

jQuery가 자바 스크립트를 사용한다고 생각했습니다. – leon

나는 당신을 쫓고 있는지 확신하지 못합니다. 정확히 내가하고있는 일은 window.history.back(); PHP 스크립트에서는 갈 길이 없습니다. – kbariotis

당신이 돌아 가면, 아약스를 사용하지 그래. – Daniel

일반 JavaScript를 사용하여 값을 비울 수 있습니다. 일상 폼에 <input>을 재설정의 예는 다음과 같이 갈 것이다 :이 fiddle에서 보는 바와 같이

var input = document.getElementById('my-input'); 

input.value = '';

;

출처

2013-09-29 19:46:13 shennan

이것은 내가 찾고있는 것이지만 작동하도록하는 방법을 찾을 수 없습니다. emptyField 함수에이 함수를 넣으려고 시도했는데이 함수는 onload = "emptyField();와 같이 onload가 발생했습니다. 그러나 나는 window.history.back();을 생각하지 않는다. 페이지를 "로드"하여 필연적으로 작동하지 않게합니다. –

'onload' 속성은'window' 객체의 속성입니다. 메서드를 호출하고 호출하지 않고 메서드를 참조하기 만하면됩니다. 그래서'window.onload = emptyField'. 견적은없고 대괄호는 없습니다. – shennan

또 다른 [피들] (http://jsfiddle.net/J9NVx/1/) – shennan

모든 입력 필드의 값을 재설정하려는 경우. 그런 다음 해결책이 될 수 있습니다.

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 
function resetValues() 
{ 
var x=document.getElementsByTagName("input"); 
for(i = 0; i<=x.length-1; i++)//x.length-1 i don't want to reset the value of the last button 
    { 
    if(x.item(i).type!="button") 
    x.item(i).value = ""; 
    } 
} 
</script> 
</head> 
<body onload="resetValues()"> 
<input type="text" id="name"><br> 
<input type="text" id="address"><br> 
<input type="text" id="country"><br><br> 
<input type="button" onclick="resetValues()" value="Reset values"> 
</body> 
</html>

또는 특정 입력 필드를 재설정하지 않으려는 경우. 이것을 시도하십시오 :

//In you resetValues() function, replace the code with this 
var x = document.getElementById("name");//your input element id 
var y = document.getElementById("address");//your input element id 
var z = document.getElementById("country");//your input element id 
x.value = ""; 
y.value = x. value; 
z.value = y.value;

희망, 이것은 당신을 위해 잘 작동합니다.

출처

2013-09-29 20:08:26 nurakantech

위의 답변과 같이 깊이있는 대답입니다. 감사합니다. 그러나 위의 것과 마찬가지로, 문제가있는 것 같습니다. window.history.back(); onload를 실제로 활성화하지는 않습니다. –

페이지가로드 될 때 입력 필드를 비우는 방법

답변

관련 문제