本文汇总了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 });
以上内容即为本文的全部介绍,希望能对大家有所帮助。