js控制文字框回車提交表單進行搜尋
阿新 • • 發佈:2018-11-15
// 此段程式碼為示例程式碼 並不能執行 ,若需使用請根據實際情況做出更改 <form action="/PayBills/billContentList" method="post" id="searchForm" autocomplete="off" onkeypress="if(event.keyCode==13) document.getElementById('search_inp').click();"> <div class="repeat_search clearfix"> <div class="form_top_ctrl"> <span class="school_name">學生姓名</span> <input type="text" name="student_name" class="inp_txt" placeholder="請輸入學生姓名"> </div> <div class="form_top_ctrl"> <span class="school_name">家長手機號</span> <input type="text" name="parent_phone" class="inp_txt" placeholder="請輸入家長手機號"> </div> <div class="parcel_zone form_top_ctrl"> <input type="button" value="搜尋" id="search_inp" class="search_inp" style="margin-left: 0;"> <span class="reset_sp">重置</span> </div> </div> </form> // 以下為 js 程式碼 <script> $(function(){ // 賬單內容搜尋 $('#search_inp').click(function() { jQuery('#searchForm').submit(); }); }); </script>