根据卡号自动回填其它信息（失去焦点事件）

最新推荐文章于 2022-02-16 18:19:16 发布

原创最新推荐文章于 2022-02-16 18:19:16 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种基于卡号自动回填患者信息的方法。通过前端JavaScript实现输入卡号后，利用失去焦点事件触发服务器查询，并自动填充相关字段。文章详细讲解了挂号日期等字段的格式转换过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

回填信息的时候，有多种方式回填，有根据ID回填数据，有根据输入其中一个input框回填数据。而我是根据卡号回填数据，输入卡号，其它数据字动回填。在控制器上查询表格所有的数据，因为要根据卡号来回填数据，所以参数名为卡号的字段名。
在这里插入图片描述

(日期转换见数据类型转换：https://blog.youkuaiyun.com/weixin_44571808/article/details/93922217）
挂号日期数据回填的时候，回填不了，断点查看的日期为日月年的格式，通过转换它的类型，转为年月日的格式，才会回填数据成功。
//打开登记病人模态框
function openPatient() {
//重置表单
$KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲formInsertPatie\dots$ ("#modInsertPatient").modal({
// backdrop: false,
// keyboard: false
// });
//弹出模态框
$("#modInsertPatient").modal(“show”);
}
在这里插入图片描述
readonly设置为只读模式，只能看，不能修改。回填的方法和平时的方法一样，一样查询所有数据的信息，只是它是通过输入卡号回填的，多了个失去焦点事件来回填数据，而不是点击模态框是就回填的数据，所以不用ID。
function setCardNumber() {//输入卡号回填数据，通过失去焦点事件回填数据，如果是通过姓名回填数据，将在姓名的input标签里面给个失去焦点事件，不是通过点击模态框才回填数据的，所以提交的路径不写在打开模态框（openPatient)的方法里面
$.post("/ChargeManagement/Charge/SelectPatientMessage",
{ CardNumber: $("#SelectCardNumberAll").val() }, function (data) {
//门诊类别下拉框数据绑定&数据回填 (createSelect封装的方法名) createSelect(“RegisterTypeID”,"/ChargeManagement/Charge/SelectRegisterType", data.RegisterTypeID);
//主治医生下拉框数据绑定&数据回填
createSelect(“UserID”,"/ChargeManagement/ExpenseDemand/SelectUser", data.UserID);
//挂号科室下拉框数据绑定&数据回填 createSelect(“DepartmentID”,"/ChargeManagement/ExpenseDemand/SelectDepartment", data.DepartmentID);
//其他表单信息的数据回填
loadDatatoForm(“formInsertPatient”, data);//根据json对象填充form表单
}, “json”);
}