前端相关校验

简介:

1,文本框失去焦点时若有值则trim

Js代码   收藏代码
  1. $('#identityTF').blur(function (e) {  
  2.             console.log('blur');  
  3.             //去掉首尾的空格  
  4.             var eventTarget = e.srcElement || e.target || e.toElement;  
  5.             if (eventTarget) {  
  6.                 var identityTmp = eventTarget.value;  
  7.                 identityTmp = util.trim(identityTmp);  
  8.                 if (identityTmp) {  
  9.                     eventTarget.value = identityTmp;  
  10.                 }  
  11.             }  
  12. })  

 

 

2,文本框聚焦或有键按下时清除错误样式

Js代码   收藏代码
  1. /*** 
  2.          * 清除错误样式 
  3.          * @param event 
  4.          */  
  5.         var cleanErrorStyle = function (event) {  
  6.             var errorClass = 'has-error-inp';  
  7.             var eventTarget = event.srcElement || event.target || event.toElement;  
  8.             $(eventTarget).removeClass(errorClass);  
  9.         };  
  10.         $('input[type=text]').keydown(cleanErrorStyle).focus(cleanErrorStyle);  

 

 

 

 

3,如何在事件处理方法中获取事件源(控件)

方式一:

var eventTarget = e.srcElement || e.target || e.toElement;

方式二:

var val=$(this).val();

 

相关文章
|
JavaScript 前端开发
前端基础 - JQuery自定义校验器
前端基础 - JQuery自定义校验器
82 0
|
7月前
|
JSON 前端开发 JavaScript
前端上传文件前校验文件数据
该文介绍了如何在Vue项目中实现批量导入Excel数据的校验。使用Element UI的`el-upload`组件上传文件,通过FileReader读取内容,结合XLSX库解析Excel为JSON。解析过程包括将二进制数据转换为workbook对象,提取worksheet并转化为JSON。之后,遍历JSON数据进行字段校验,若发现空值则记录错误。提供的Demo展示了选择Excel文件后控制台显示校验结果。技术栈包括vue 2.6.14、element ui 2.15.14和xlsx 0.17.0。建议将此类功能封装为通用组件以复用。
135 2
前端上传文件前校验文件数据
|
5月前
|
前端开发 JavaScript 数据安全/隐私保护
前端JS正则校验密码之3种实现方式
这篇文章展示了三种使用JavaScript正则表达式来校验密码的方法,密码需要满足包含大写字母、小写字母、数字及特殊字符,并在8到16位之间,同时提供了示例代码和实现效果。
172 1
前端JS正则校验密码之3种实现方式
|
6月前
|
前端开发 JavaScript 开发工具
前端优化之路:git commit 校验拦截
前面在git分支规范那篇文章里,介绍了commit提交规范,但是想要做到高效落地执行,就需要做些别的功课。
|
8月前
|
移动开发 前端开发 JavaScript
前端vue3——实现二次元人物拼图校验
前端vue3——实现二次元人物拼图校验
62 1
|
8月前
|
前端开发 数据安全/隐私保护
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
|
前端开发 Java 数据库
Spring Entity数据校验,分组校验,返回校验结果给前端
Spring Entity数据校验,分组校验,返回校验结果给前端
108 0
|
前端开发 JavaScript
JS前端实现身份证号码合法性校验(校验码校验)
JS前端实现身份证号码合法性校验(校验码校验)
704 0
|
JavaScript 前端开发
前端基础 - JQuery 简单的表单校验器
前端基础 - JQuery 简单的表单校验器
62 0
|
移动开发 前端开发 JavaScript
Vue 利用Canvas标签实现动态验证码校验(前端必备附源码)
Vue 利用Canvas标签实现动态验证码校验(前端必备附源码)
531 0