1. 程式人生 > >input輸入框回車查詢資料自動重新整理

input輸入框回車查詢資料自動重新整理

問題描述:當輸入資料時回車查詢資料被自動重新整理

記錄時間:2017年12月26日

一:表單

<form id="formSearch" class="form-horizontal" onsubmit="return false;">
<div class="form-group">
<label class="control-label col-sm-2" for="">檔案條碼:</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="recordId" placeholder="請輸入六位檔案條碼!">

</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-3">
<button type="button" class="btn btn-primary" onclick="search()"

>查詢</button>&nbsp;&nbsp;&nbsp;&nbsp;
<button type="reset" class="btn btn-default">重置</button>
</div>
</div>
</form>

二:查詢方法js

function search() {
if($("#recordId").val()==""){
swal("請輸入六位檔案條碼","","warning");
return;
}
$.ajax({
url : path+"/searchRecord/personRecord.action",
data :{
"recordId":$("#recordId").val()
},
type : "post",
dataType : "json",
beforeSend : function() {
// loading show
},
success : function(result) {
if (result.success) {
initTable();
$('#dataGrid').bootstrapTable('refresh');
} else {
swal("無此人檔案","","warning");
}
},
complete : function() {
},
error : function(data) {
//alert("error");

});
}

三:回車事件

document.onkeydown = function(e) {
e = e || event;
var key = e.keyCode || e.charCode;
if (key == 13) {
search();
}
};