通过按钮让号码自动回填到输入框

开发工具与关键技术: VisualStudio 2015 mvc

作者：杨泽平

撰写时间：2019、6、17

通过点击按钮新增一串号码到输入框里，在mvc项目中也是常用到的一种功能，这种功能在生活中见于拿临时号排队一样，可以实现这一功能的方法有多种。

我这里实现这一功能的方法原理大概是，通过获取数据库表字段的前一条数据的ID，在ID上加一得到新一条数据的ID，然后在这个新得到的ID前拼接字母或数字组成一段号码或编码，然后将他填入输入框中。以下面的为例。

视图的方法，先声明一个变量用于存放拼接的那一段编码，然后post请求，再if判断这串号码的长度，再通过for循环的方式，将拼接的字母或数字一个一个的拼接上去，最后拼接完成填入输入框还要禁用一下输入框就可以了。

详情代码如下：

function acquire() {var Number = "";$.post("/ReceptionManagement/Subscribe/yuyuehao", function (data) { console.log(data); if (data.length <
5) {        for (var i = 0; i < 5 -
data.length; i++) {        Number += "s";        }        Number += data;        }       $("#SubscribeNumber").val(Number);        //禁用输入框        $("#SubscribeNumber").prop("disabled", true);        });

视图方法完成，通过post传控制器，控制器还需要一个查询方法，先是查询这张表的数据，计算数据的条数，然后转换类型，这就是上面提到的，在查询到的数据条数基础上减一，得到数据库最后一条数据，拿到这条数据在ID上加一，得到新的一条数据的ID，就是我们需要的数据，然后return输出就可以了。

详情代码如下：

public ActionResult yuyuehao(){List<B_Subscribe> dbSubscribe = (from tbSubscribe in
myModels.B_Subscribeselect
tbSubscribe).ToList();//计算数据总条数int count = dbSubscribe.Count();string SubscribeNumber = Convert.ToString(dbSubscribe[count
- 1].SubscribeID + 1);return Json(SubscribeNumber, JsonRequestBehavior.AllowGet);}

最后是效果了，现在数据库的数据里最后一条数据的ID为13，编码为sss13；

如下图：

我们要新获取一个号码，填入下面输入框

这里绑定了新增按钮，上面数据库最后一条数据的ID为13，那这次获取到的预约号应该为sss14。

如下图所示：

通过按钮让号码自动回填到输入框相关推荐

输入证件号码，生日自动回填
做项目的时候,相信大家都会遇到输入证件号码,生日自动回填那么一个效果,所以给大家分享一下我的操作: 一开始我是证件号码和会员生日两个输入框都进行输入的,但是后来觉得证件号码里面有出生年月日,就不能这样 ...
自动填写html文本框的值,网页自动填表——文本输入框及多行文本输入框
原标题:网页自动填表--文本输入框及多行文本输入框下面来说说网页需要填表的情况,比如注册页面呀,论坛页面呀等等.需要填写每项内容,如何实现文本输入框和多行文本输入框的自动填写呢.我们请出网页自动操作 ...
layui让当前页面刷新_layui点击按钮页面会自动刷新的解决方案
问题: Title 输入框 test layui.use(['laytpl','jquery','layer','form'],function () { var laytpl = layui.lay ...
Android studio：Button 按钮英文字符自动大写的解决方法
Android studio:Button 按钮英文字符自动大写的解决方法一.方法一:styles.xml文件里面添加<item name="textAllCaps"> ...
大乐透双色球号码自动生成器
大乐透双色球号码自动生成器 import java.util.Arrays; import java.util.Random; import java.util.Scanner;/*import ja ...
自动点击按钮（即自动触发点击事件）
这段时间做项目,有一个特殊的需求,就是界面上有一个按钮,需要自动去触发. 找了下资料,发现有个api是可以完成的就是:sendActionsForControlEvents 这个下面就是使用方法 ...
html 自动输入日期,Js日期选择自动填充到输入框(界面漂亮兼容火狐)
很漂亮.兼容火狐的Js日期选择,自动填充到输入框 body{font-size:12px;font-family:Verdana,Arial,"宋体";} a:link {colo ...
h5页面ios验证码无法自动回填到键盘问题
期望效果:收到验证码后,键盘中自动带出验证码(只针对ios系统) 背景: h5页面有通过手机号验证码实现忘记密码功能.但是验证码的文本框聚焦时,键盘中并没有回填收到验证码.最开始代码如下: <! ...
React按钮事件重新定位焦点到输入框
import React, { Component } from "react";class RefocusDemo extends Component {render() {re ...

通过按钮让号码自动回填到输入框

通过按钮让号码自动回填到输入框相关推荐

最新文章

热门文章