Input文本的焦点验证

 开发工具与关键技术：VS、jQuery &正则表达式

作者：#33

撰写时间：撰写时间：2019年07月25日

在页面新增或修改数据时，往往要判断输入的数据是否符合规范，视图中进行判断，下面就是做练习项目时关于input文本框的一些简单验证列子：

当鼠标点击文本框时，获取焦点，焦点离开后进行判断。如下图输入用户名，输入的值有几种可能的情况。1、为空；2、纯数字或字母；3、长度小于6位或大于20位

                                                                

Html代码：span标签是添加警告语用的

​
<div class="form-row align-items-center m-0">

    <div class="col-sm-3 mt-3 my-1">

        <label for="UserName" class="col-sm-3 col-form-label form-control-sm flo