1. 程式人生 > >js控制文字框回車提交表單進行搜尋

js控制文字框回車提交表單進行搜尋


// 此段程式碼為示例程式碼 並不能執行 ,若需使用請根據實際情況做出更改

<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>