웹 양식 제출 텍스트 필드가 분명하지 않음

-1

보내기를 클릭하면 양식 제출시 약간의 문제가 있습니다. 메시지 보내기하지만 메시지 상자가 명확하지 않습니다. jquery를 사용하여 양식을 제출합니다. 난 그냥 내 메시지 필드 지우기 자동 버튼을 보내려면 클릭하십시오. 그것을 만드는 방법? 여기이 당신이 논리적 의미를 코드에서 어떤 시점에서, 수동으로 필드를 취소해야 그럼 내 jQuery 코드웹 양식 제출 텍스트 필드가 분명하지 않음

$('#messageForm').submit(function(){ 
    return false; 
}); 

$('#send').click(function(){ 

    $.post(  
     $('#messageForm').attr('action'), 
     $('#messageForm :input').serializeArray(), 
     function(result){ 
      $('#userschat').html(result); 
     } 
    ); 
});

출처

2016-06-01 faisal iqbal

웹에서 새로운 내용을 지우는 방법을 알려주십시오. –

내 폼 HTML

<form id ="messageForm" action = "<?php $_PHP_SELF ?>" method = "POST"> 
    <input type="hidden" name="sender_email" id="sender_email" value=""> 
    <input type="hidden" name="reciver_email" id="reciver_email" value=""> 
<input type="text" name="data" id="data" placeholder="Message..." required="" /> 
    <button id='send'>Send</button> 
</form>

이다, 나는 내에서 제안 $.post

의 기능은 또한 페이지

에게 상쾌한 양식을 중지 preventDefault()를 사용할 필요가

출처

2016-06-01 16:23:29 RiggsFolly

내가 페이지 리로드를 사용할 때 –

다시로드하지 않고 – RiggsFolly

전에 수행 했음에 틀림 없다. 분명히하고 싶다. –

나는이 편안히 앉를 테스트 한 그것은 올바른 :

$(document).ready(function() { 
    $('#messageForm').submit(function(e){ 
     e.preventDefault(); 
    }); 
    $('#send').click(function(e){ 
     $("#messageForm")[0].reset() 
    }); 
    });

자바 스크립트는 $ (문서)에 포함되어야 .ready 그것은 당신의 논리를 완료해야합니다.

출처

2016-06-01 16:23:38 DeepCode

예 이것을 사용했지만이 페이지를 다시로드하면 –

을 사용해야합니다. "e.preventDefault();"를 추가해야합니다. – DeepCode

$ (문서) .ready (함수() { $ ('#의 messageForm') 제출 (기능 (전자) { e.preventDefault();. }). $ ('# 보내기') 클릭 $ ('messageForm'). attr ('action'), $ ('# messageForm : 메시지 형식 : $ ("# 메시지 양식") [0] .reset() $. 입력 '). serializeArray() 함수 (결과) {$ ('#의 userschat ') HTML (결과). } ) }) }); –

웹 양식 제출 텍스트 필드가 분명하지 않음

답변

관련 문제