JavaScript 常见功能实现:输入限制、邮箱验证与数据提取

作者:闭包旅人

时间:2026-10-29

浏览:129

本文汇总了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 });

以上内容即为本文的全部介绍,希望能对大家有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章