양식 필드 재설정 양식 jquery

ColdFusion에서 jquery world 및 html5를 처음 사용했습니다. 나는 정확하게 제출하는 간단한 양식을 가지고있다. 사용자가 제출하지 않고 양식을 지울 수 있기를 바랍니다. 코드를 그대로 사용하면 데이터를 지우지 만 양식은 어쨌든 제출됩니다. 사용자가 작업 할 수 있도록 깨끗한 슬레이트가 있도록 그냥 두는 것이 좋습니다. 나는 이것이 정말로 단순하다라고 확신한다. 그러나 나는 단지 그것을 발견 할 수 없다.양식 필드 재설정 양식 jquery

코드 스니 피트는 다음과 같습니다.

<form class="comment_form" action="recordcomments.cfm" method="post" name="comment_form"> 
    <div class="row"> 
    <div class="col-xs-1"> 
    </div> 
    <div class="col-xs-10"> 

     <label for="comments">Comment</label> 
     <textarea name="comments" id="comments"></textarea> 
     <cfoutput> 
     <input type="hidden" value="#URL.TicketIdentifier#" Name="TicketIdentifier"> 
     </cfoutput> 

    </div> 
    </div> 
    <div class="row"> 
    <div class="col-xs-1"> 
    </div> 
    <div class="col-xs-10"> 

     <button id="submit-comment" class="button icon-save c-success">Submit comment</button> 
     <button id="reset-textbox" class="nobackground icon-ccw c-info">Reset text box</button> 
    </div> 
    </div> 

</form> 

</section> 
</main> 
</div> 
</div> 
<footer class="footer"> 
    <div class="footer-meta col-xs-12"> 
    <div class="row"> 
     <div class="col-sm-3"> 
     <a href="http://lutherconsulting.com"> 
          &copy; 2016, Luther Consulting, LLC</a> 
     </div> 
     <div class="col-sm-6"> 
     <a class="icon-location c-inverse">10435 Commerce Drive, Suite 140, Carmel, IN 46032</a> 
     </div> 
     <div class="col-sm-3">Technical Support&nbsp;<a href="tel:866.517.6570" class="icon-phone c-inverse">866.517.6570, Option 1</a> 
     </div> 
    </div> 
    </div> 
</footer> 
</Cfif> 
<br> 

<script type="text/javascript"> 
    $('#window-close').click(function() { 
     window.open('', '_self', ''); window.close(); 
    }); 
    $('#submit-comment').click(function() { 
     window.open('recordcomments.cfm', '_self'); 
    }); 
    $('#reset-textbox').click(function() { 
     $('#comments').val(''); 
    }); 
</script> 

</body>

출처

2016-09-25 Jim Luther

사용 아약스는 변화에서 페이지를 중지 ... 기본적으로 HTML에 내장되어 있습니다 - 입력 한 다음 = 버튼을 추가 : '<버튼 유형 = "버튼".. ..' – mplungjan

다음 코드가이 코드를 시도하고 양식을 재설정하는 데 도움이되므로 사용자가 새로운 값을 추가 할 수 있기를 바랍니다.

$('#reset-textbox').click(function() { 
    document.getElementsByClassName("comment_form").reset(); 
});

또는이 코드도 사용할 수 있습니다.

$('#reset-textbox').click(function() { 
    $('.comment_form')[0].reset(); 
});

출처

2016-09-25 16:59:13

이렇게하려면 자바 스크립트가 필요하지 않습니다. 그것은 이미 형태로 preventDefault의 제출 이벤트에

<input type="reset" value="Reset text box" class="nobackground icon-ccw c-info" />

출처

2016-09-25 17:16:21

양식 필드 재설정 양식 jquery

답변

관련 문제