javascript 常见功能汇总


Posted in Javascript onJune 11, 2015

1. input 只能输入整数数字和字母

$(document).on('keyup','#no',function(){
  var val = $.trim($(this).val());
  if(val == null || val == '')
    return;
  
  $(this).val(val.replace(/[^0-9a-z]+/ig,''));  // 只能输入整数数字和字母
});

用 baidu 出来的很多其它实现方式的都是有问题的。它们不能够精确的表示“只能输入数字和字母”,因为它们预先输入标点符号,比如允许输入小数点 . 等符号。比如下面一个百度出来的答案:

value=value.replace(/[^\w\.\/]/ig,'')
value=value.replace(/[^\d|chun]/g,'')
value=value.replace(/[^\w\.\/]/ig,'')

上面答案都是有问题的。

2. email格式验证

function validate_email(myThis){
  var val = $.trim($(myThis).val());
  if(val == null || val == ""){
    $("#email_error").text("email不能为空");
    $(myThis).focus();
    return;
  }
    
  if(val != null && val != ""){
    if(!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/g.test(val)){
      $("#email_error").text("email格式错误");
      $(myThis).focus();
      return;
    }
  }
  $("#email_error").text("");
}

3. 从字符串中提取整数数字和英文字母

$(function(){
  var a = 'testAbc,。、,./电饭锅123def'; 
  b = a.replace(/[^0-9]+/ig,"");
  alert(b);
  b = a.replace(/[^a-z]+/ig,"");
  alert(b);
});

4. jquery cookie插件使用

var isFs = $(this).attr("datas");
  $.cookie("isFs",isFs,{ expires: 7 });

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JavaScript监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
antd多选下拉框一行展示的实现方式
Oct 31 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 #Javascript
JavaScript中setFullYear()方法的使用详解
Jun 11 #Javascript
JQuery遍历DOM节点的方法
Jun 11 #Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 #Javascript
简介JavaScript中的setDate()方法的使用
Jun 11 #Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 #Javascript
在JavaScript中操作时间之getYear()方法的使用教程
Jun 11 #Javascript
You might like
火车头采集器3.0采集图文教程
2007/03/17 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
JavaScript Date对象 日期获取函数
2010/12/19 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
Highcharts入门之简介
2016/08/02 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
Vue指令指令大全
2019/02/09 Javascript
Windows下python2.7.8安装图文教程
2016/05/26 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
Weblogic和WebSphere不同特点
2012/05/09 面试题
JSF界面控制层技术
2013/06/17 面试题
中专毕业个人的自荐信格式
2013/09/21 职场文书
ktv筹备计划书
2014/05/03 职场文书
敬老模范事迹
2014/05/21 职场文书
教师暑期培训感言
2014/08/15 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
2014年个人委托书范本
2014/10/13 职场文书
《观潮》教学反思
2016/02/17 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers