快捷導(dǎo)航

javascript 常見功能匯總

更新時間：2015年06月11日 11:24:03 投稿：hebedich

本文給大家匯總介紹了集中常見的功能，十分的實用，有需要的小伙伴可以參考下。

1. input 只能輸入整數(shù)數(shù)字和字母

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

用 baidu 出來的很多其它實現(xiàn)方式的都是有問題的。它們不能夠精確的表示“只能輸入數(shù)字和字母”，因為它們預(yù)先輸入標(biāo)點(diǎn)符號，比如允許輸入小數(shù)點(diǎn) . 等符號。比如下面一個百度出來的答案：

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. 從字符串中提取整數(shù)數(shù)字和英文字母

$(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 });

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

js 截取或者替換字符串中的數(shù)字實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 截取或者替換字符串中的數(shù)字實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作,涉及微信小程序wx.request后臺數(shù)據(jù)交互及php數(shù)據(jù)存儲相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
JS正則表達(dá)式詳解及身份證號碼驗證(簡易版)
在做用戶實名驗證時,常會用到身份證號碼的正則表達(dá)式及校驗方案,下面這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式及身份證號碼驗證的相關(guān)資料,需要的朋友可以參考下
2022-07-07
javascript getElementsByClassName實現(xiàn)代碼
根據(jù)元素clsssName得到元素集合的函數(shù)，需要的朋友可以參考下。
2010-10-10
Webpack執(zhí)行命令參數(shù)詳解
本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
JavaScript之RegExp_動力節(jié)點(diǎn)Java學(xué)院整理
正則表達(dá)式是一種用來匹配字符串的強(qiáng)有力的武器。它的設(shè)計思想是用一種描述性的語言來給字符串定義一個規(guī)則，凡是符合規(guī)則的字符串，我們就認(rèn)為它“匹配”了，否則，該字符串就是不合法的
2017-06-06
學(xué)習(xí)drag and drop js實現(xiàn)代碼經(jīng)典之作
今天讀John Resig的Pro Javascript Techniques時候看到他書上給的一個關(guān)于drag and drop的例子, 合上書本自己寫一個簡化版本的。大約20分鐘完成，沒有考慮兼容firefox。整個代碼封裝成一個對象也是借鑒書中的風(fēng)格。我覺得很好。
2009-04-04
JavaScript實現(xiàn)常用二級省市級聯(lián)下拉列表的方法
這篇文章主要介紹了JavaScript實現(xiàn)常用二級省市級聯(lián)下拉列表的方法,實例分析了javascript實現(xiàn)級聯(lián)下拉列表的技巧與相關(guān)的元素操作方法,需要的朋友可以參考下
2015-03-03
javascript多行字符串的簡單實現(xiàn)方式
之前我們給大家講訴過javascript多行字符串的7種解決辦法，今天來給大家分享一個更簡單的方法，非常的實用，大家一定要仔細(xì)看看哦。
2015-05-05
用Javascript實現(xiàn)UTF8編碼轉(zhuǎn)換成gb2312編碼
這篇文章主要介紹了用Javascript實現(xiàn)UTF8編碼轉(zhuǎn)換成gb2312編碼
2006-12-12