2017-04-10 12 views
-2

フォームをリセットしてデフォルト値にリセットする方法を停止するにはどうすればよいですか?フォームのリセットを停止する方法

私は既にAJAXの方法を試しましたが、エラーがあるようです。私はすでにコードを持っていますが、動作していないようだし、コンソールログにもエラーが表示されていないようです。これはスクリプトである

<form method="post" accept-charset="utf-8" id="thisisform"> 
     <select name="account-type"> 
      <option value="teacher">Teacher</option> 
      <option value="student">Student</option> 
     </select> <br> 
     <h3>Select by:</h3> 
     <div id="selection"> 
      <input type="radio" name="selection" id="byAll" value="selectAll" checked> Select All <br> 
      <input type="radio" name="selection" id="byVal" value="selectValue"> Select by Value <br><br> 
     </div> 
     <div id="selectNow" style="display:none;"> 
      <select name="search-type"> 
       <option value="username">Username</option> 
       <option value="firstname">First Name</option> 
       <option value="surname">Last Name</option> 
       <option value="id">ID</option> 
       <input type="text" name="searchVal" placeholder="Search now by the value" class="form-control"><br> 
      </select> 
     </div> 
     <input type="submit" value="Search and Delete" class="btn btn-primary"> 
    </form> 

この

は私のフォームです

<script>   
    $('#selection').click(function() { 
     if($('#byVal').is(':checked')) { 
     $('#selectNow').slideDown("fast"); 
     } 
     if($('#byAll').is(':checked')) { 
     $('#selectNow').slideUp("fast"); 
     } 
    }); 
    $("#thisisform").submit(function(e) { 
     loadAjax(); 
     e.returnValue = false; 
    }); 
</script> 
+2

[jqueryのAJAXを使用して、HTMLフォームを送信]の可能複製(http://stackoverflow.com/questions/16323360/submitting-html-form-using-jquery-ajax) – Liam

+0

は、この$( "#フォームIDをお試しください").submit(function(event){ loadAjax(); event.preventDefault(); }) – User6667769

答えて

1

停止e.preventDefaultを使用して提出からフォーム();

$("#thisisform").submit(function(e) { 
     e.preventDefault(); // added code 
     loadAjax(); 
     e.returnValue = false; 
    }); 
+0

' loadAjaxが定義されていません。 'というエラーがコンソールログにあり、フォームを送信できません。 – Axis

+0

はい私はloadAjax()が定義されていないことを知っていました - しかし、投稿のポイントはフォームからの送信を防ぐことでした - あなたのコードはloadAjax()関数を持っていなければなりません。 – gavgrif

+0

さて、今削除しましたが、今度はフォーム – Axis