JavaScript 常见功能实现:输入限制、邮箱验证与数据提取
作者:闭包旅人时间:2026-10-29 10:57:09浏览:130
本文汇总了JavaScript开发中的常见功能实现,包括限制Input框仅能输入整数和字母、验证Email格式、从字符串中提取数字和英文字母,以及jQuery Cookie插件的基本使用方法。
限制 Input 输入框仅允许整数和字母
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,'')); // 只能输入整数数字和字母
});
网络上通过搜索引擎找到的许多其他实现方式存在缺陷。它们无法精确实现“仅允许输入数字和字母”的要求,因为如果预先允许输入标点符号(例如小数点 . 等),则会导致验证逻辑不严谨。以下是一个常见的网络示例:
value=value.replace(/[^\w\.\/]/ig,'')
value=value.replace(/[^\d|chun]/g,'')
value=value.replace(/[^\w\.\/]/ig,'')
上述示例均存在逻辑问题。
Email 格式验证与字符串提取
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);
});
jQuery Cookie 插件的使用
4. jQuery Cookie 插件的使用
var isFs = $(this).attr("datas");
$.cookie("isFs",isFs,{ expires: 7 });
以上内容即为本文的全部介绍,希望能对大家有所帮助。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
