社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
首頁 web前端 js教程 jquery實作使用者資訊修改驗證驗證輸入方法匯總_jquery

jquery實作使用者資訊修改驗證驗證輸入方法匯總_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
May 16, 2016 pm 03:49 PM
jquery 修改 使用者資訊 輸入 驗證

本文实例讲述了jquery实现用户信息修改验证输入方法。分享给大家供大家参考。具体如下：

var realnameFlag = 0;
var addressFlag = 0;
var zipFlag=0;
var cellphoneFlag=0;
var homephoneFlag=0;
var oldpasswordFlag=1;
var newpasswordFlag=1;
//判断email
function check_email()
{
  $("#showSpan").hide();
  var email = $.trim($("#email").val());
  if (email == null || email == "") 
  {
    emailFlag = 1;
    $("#emailMsg").html("<span class='tips'>请输入邮箱信息</span>");
    return;
  }
  // 判断输入框内是否为邮箱格式 
  if (email.replace(/[^\x00-\xff]/g, "**").length <= 4 || email.replace(/[^\x00-\xff]/g, "**").length >= 50) 
  {
    $("#emailMsg").html("<span class='tips'>邮箱长度不正确</span>");
    emailFlag = 1;
    return ;
  }
  var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
  if (reg.test(email)) {
    $("#emailMsg").html("");
    emailFlag = 0;
    return ;
  } else {
    $("#emailMsg").html("<span class='tips'>邮箱格式不正确</span>");
    emailFlag = 1;
    return ;
  }
}
function check_realname()
{
  $("#showSpan").hide();
  var realname = $.trim($("#realname").val());
  // 判断是否为空
  if (realname == null || realname == "") 
  {
    $("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");
    realnameFlag = 1;
  } else if (realname.indexOf("··") != -1) 
  {
    $("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");
    realnameFlag = 1;
    // 姓名前后不能加·
  } else if (realname.substring(0, 1) == "·" || realname.substring(realname.length - 1) == "·") 
  {
    realnameFlag = 1;
    $("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");
  } else 
  {    
    var reg = new RegExp("^([a-zA-Z]|[\\u4E00-\\u9FFF])+$", "g");
    if (!reg.test(realname)) 
    {
      $("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");
      realnameFlag = 1;
    } else 
    if (realname.replace(/[^\x00-\xff]/g, "**").length >= 4  && realname.replace(/[^\x00-\xff]/g, "**").length <= 20) 
    {
      realnameFlag = 0;
      $("#realnameMsg").html("");
    } else {
      realnameFlag = 1;
      $("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");
    }
  }
}
function check_cellphone()
{
  $("#showSpan").hide();
  var cellphone = $.trim($("#cellphone").val());
  while (true) {
    var start = cellphone.substring(0, 1);
    if (start == "0") {
      cellphone = cellphone.substring(1);
    } else {
      break;
    }
  }
  $("#cellphone").val(cellphone);
  if (cellphone == null || cellphone == "") {
    $("#cellphoneMsg").html("<span class='tips'>请输入移动电话号码</span>");
    cellphoneFlag = 1;
    return;
  }
  var re = /^1{1}[3,4,5,8]{1}\d{9}$/; // 判断是否为数字的正则表达式
  if (!re.test(cellphone)) {
    cellphoneFlag = 1;
    $("#cellphoneMsg").html("<span class='tips'>请输入正确的移动电话号码</span>");
    return;
  } else {
    cellphoneFlag = 0;
    $("#cellphoneMsg").html("");
  }
}
function check_homephone()
{
  $("#showSpan").hide();
  var homephone = $.trim($("#homephone").val());
  if(homephone == null || homephone == "")
  {
    homephoneFlag=0;
    $("#homephoneMsg").html("");
    return ;
  }
  var re=/(^(\d{3,4}-)&#63;\d{7,8})$|(^1{1}[3,4,5,8]{1}\d{9}$)/;
  if(!re.test(homephone))
  {
    homephoneFlag=1;
    $("#homephoneMsg").html("<span class='tips'>请正确输入电话号码,格式为： 000-00000000</span>");
    return ;
  }else
  {
    homephoneFlag=0;
    $("#homephoneMsg").html("");
  }
}
function check_address()
{
  $("#showSpan").hide();
  var address = $.trim( $("#address").val());
  // 判断是否为空
  if(address == null || address == "")
  {
    $("#addressMsg").html("<span class='tips'>请输入详细地址</span>");
    addressFlag = 1;
  }else
  if (address.replace(/[^\x00-\xff]/g, "**").length > 120) {
    addressFlag = 1;
    $("#addressMsg").html("<span class='tips'>长度超长</span>");
  } else {
    addressFlag = 0;
    $("#addressMsg").html("");
  }
}
function check_zip()
{
  $("#showSpan").hide();
  var zip=$.trim($("#zip").val());
  var re=/^[0-9]+$/;
  if(zip.length != 0 && (!re.test(zip) || zip.length != 6))
  {
    zipFlag=1;
    $("#zipMsg").html("<span class='tips'>请输入邮政编码，由6位数字组成</span>");  
  }else
  {
    zipFlag=0;
    $("#zipMsg").html("");
  }
}
function check_oldPassword()
{

  $("#msgSpan").html("");
  $("#newpsMsg").html("");
  $("#repsMsg").html("");
  var oldPS = $.trim($("#oldPassword").val());
  if(oldPS == null || oldPS == "")
  {
    oldpasswordFlag = 1;  
    $("#oldpsMsg").html("<span class='tips'>请输入旧密码</span>");
    $(this).focus();
    return false;
  }
  var re=/^.{6,16}$/;
  if(!re.test(oldPS))
  {
    oldpasswordFlag = 1;  
    $("#oldpsMsg").html("<span class='tips'>旧密码输入长度不正确</span>");
    $(this).focus();
    return false;
  }
  else
  {
    oldpasswordFlag = 0;  
    $("#oldpsMsg").html("");
  }  
}
function check_newPassword()
{
  $("#oldpsMsg").html("");
  $("#repsMsg").html("");
  $("#msgSpan").html("");
  $("#repeatPassword").val("");
  var newPS = $.trim($("#newPassword").val());
  if(newPS == null || newPS == "")
  {
    newpasswordFlag=1;  
    $("#newpsMsg").html("<span class='tips'>请输入新密码,由6-16位字符组成!</span>");
    $(this).focus();
    return false;
  } 
  //var re=/^[A-Za-z0-9_-]{6,16}$/;
  var re=/^.{6,16}$/;
  if (newPS.replace(/[^\x00-\xff]/g, "**").length <6 || newPS.replace(/[^\x00-\xff]/g, "**").length > 16) 
  {
    newpasswordFlag = 1;  
    $("#newpsMsg").html("<span class='tips'>新密码长度不正确</span>");
    $(this).focus();
    return false;
  }
  if(!re.test(newPS))
  {
    newpasswordFlag = 1;  
    $("#newpsMsg").html("<span class='tips'>新密码长度不正确</span>");
    $(this).focus();
    return false;
  }else
  {
    newpasswordFlag = 0;  
    $("#newpsMsg").html("");
  }  
}
function check_repeatPassword()
{
  $("#oldpsMsg").html("");
  $("#newpsMsg").html("");
  $("#msgSpan").html("");
  if( $("#repeatPassword").val()==null || $.trim($("#repeatPassword").val()) =="")
  {
    $("#repsMsg").html("<span class='tips'>请输入重复新密码</span>");
    $(this).focus();
    newpasswordFlag = 1;  
    return false;
  }else
  if ( $.trim($("#repeatPassword").val()) != $.trim($("#newPassword").val()))
  {
    newpasswordFlag = 1;  
    $("#repsMsg").html("<span class='tips'>两次密码输入的不一致!</span>");
    $(this).focus();
    return false;
  }else
  {
    newpasswordFlag = 0;  
    $("#repsMsg").html("");
  }
}
function check_cardNum()
{
  $("#vcodeMsg").html("");
  $("#psMsg").html("");
  $("#strmsg").hide();
  var cardnum = $.trim( $("#cardNum").val());
  if(cardnum == null || cardnum == "")
  {
    $("#numMsg").html("<span class='tips'>请输入卡号</span>");
    cardnumFlag = 1;
    return false;
  }else
  {
    $("#numMsg").html("");
    cardnumFlag=0;
  }
}
function check_passWord()
{
  $("#vcodeMsg").html("");
  $("#numMsg").html("");
  $("#strmsg").hide();
  var password = $.trim( $("#passWord").val());
  if(password == null || password == "" )
  {
    passwordFlag = 1;
    $("#psMsg").html("<span class='tips'>请输入密码</span>");
    return false;
  }else
  {
    passwordFlag = 0;
    $("#psMsg").html("");
  }
}
function check_vcode()
{
  $("#vcodeMsg").html("");
  $("#psMsg").html("");
  $("#numMsg").html("");
  $("#strmsg").hide();
  var vcode = $.trim( $("#vcode").val());
  if(vcode == null || vcode =="")
  {
    vcodeFlag = 1; 
    $("#vcodeMsg").html("<span class='tips'>请输入验证码</span>");
    return false;
  }
  var re= /^[0-9]*$/;
  if(!re.test(vcode))
  {
    vcodeFlag = 1; 
    $("#vcodeMsg").html("<span class='tips'>请正确输入验证码</span>");
    return false;
  }else
  {
    vcodeFlag = 0; 
     $("#vcodeMsg").html("");
   }
}
$(document).ready(function()
{
/*** 修改用户信息验证 begini */
// begin email
$("#email").focus(function() {  check_email();});
// 邮箱格式判断
$("#email").blur(function(){check_email();});
//end email

//bengin realname
$("#realname").focus(function() {check_realname();});
// 校验realname是否正确
$("#realname").blur(function() {check_realname();});
//end realname

//bengin cellphone
$("#cellphone").focus(function() {  check_cellphone();  });
// 手机号码格式判断
$("#cellphone").blur(function() {  check_cellphone(); });
//end cellphone

//bengin homephone
$("#homephone").focus(function(){ check_homephone();  });
$("#homephone").blur(function(){ check_homephone();});
//end homephone

//bengin addr
// 校验address是否正确
$("#address").focus(function(){ check_address();  });
$("#address").blur(function() {  check_address();});
//end addr

//bengin zip
$("#zip").focus(function(){ check_zip();  });
$("#zip").blur(function(){  check_zip();  });
//end zip
//获取市级
$("#province").change(function(){
  var province=$(this).val();
  $.post("_jquery", {"type":"getProvince" , province:province}, function(msg){
    $("#city").html(msg);
    $("#region").html("");        
  });
});
//获取县级
$("#city").change(function(){
  var city=$(this).val();
  $.post("_jquery", {"type":"getCity" , city:city}, function(msg){
    $("#region").html(msg);        
  });
});
/*** 修改用户信息验证 end ***********/

/***------密码修改验证 begin *************/
//begin oldpassword
$("#oldPassword").focus(function(){  check_oldPassword();});
$("#oldPassword").blur(function(){  check_oldPassword();});
//end oldpassword

//begin newpassword
$("#newPassword").focus(function(){  check_newPassword();});
//newpassword
$("#newPassword").blur(function(){  check_newPassword();});

// repeatpassword
$("#repeatPassword").focus(function(){  check_repeatPassword();});
$("#repeatPassword").blur(function(){  check_repeatPassword();});
/***------密码修改验证 end *************/

/**** ---------卡查询表单提交验证 begin ***********/
var cardnumFlag = 0;
var passwordFlag = 0;
var  vcodeFlag = 0; 
$("#cardNum").focus(function(){  check_cardNum();});
$("#cardNum").blur(function(){  check_cardNum();});

$("#passWord").focus(function(){ check_passWord();});
$("#passWord").blur(function(){  check_passWord();});

$("#vcode").focus(function(){ check_vcode(); });
 $("#vcode").blur(function(){ check_vcode(); });
$("#formsubmit").click(function(){
  $("#strmsg").hide();
  $("#numMsg").html("");
  $("#psMsg").html("");
  $("#vcodeMsg").html("");
  var re= /^[0-9]*$/;
  if(cardnumFlag != 0 || $.trim($("#cardNum").val()) == "" || $("#cardNum").val() == null )
  {
    $("#cardNum").focus();
    return ;
  }
  if(passwordFlag != 0 || $.trim($("#passWord").val()) == "" || $("#passWord").val() == null)
  {
    $("#passWord").focus();
    return ;
  }
  if(($("#vcode").val() != "" && !re.test($("#vcode").val())) || vcodeFlag != 0 || $("#vcode").val() == "" )
  {
    $("#vcode").focus();
    return ;
  } 
  $("#cardform").submit();
});
/**** ---------卡查询表单提交验证 end ***********/

//用户订单取消，
$("#cancelreason").focus(function(){
  $("#errorinfo").html("");
  $("#errorinfo").removeClass("tips");
});

$("#cancelreason").bind('input propertychange', function() { 
 var maxLength = 65; 
 if ($(this).val().length > maxLength) { 
   $(this).val($(this).val().substring(0, maxLength)); 
 } 
 return false;
})
//-----

});
//end ready
//修改用户信息表单提交
function formsubmit()
{
  $("#showSpan").hide();
  var province=$("#province").val();
  var city=$("#city").val();
  var region=$("#region").val();
  $("#emailMsg").html("");
  $("#realnameMsg").html("");
  $("#cellphoneMsg").html("");
  $("#homephoneMsg").html("");
  $("#szcode").html("");
  $("#addressMsg").html("");
  $("#zipMsg").html("");
  if(emailFlag != 0 || $("#email").val()== null || $("#email").val()== "")
  {
    $("#email").focus();
    return ;
  }
  if(realnameFlag != 0 || $("#realname").val()== null || $("#realname").val()== "")
  {
    $("#realname").focus();
    return ;
  }
  if($("input[name=sex]:checked").val()==null||$("input[name=sex]:checked").val()==""){
    alert("请选择性别");
    $("#sex").focus();
    return; 
  }
  if(cellphoneFlag != 0)
  {
    $("#cellphone").focus();
    return ;
  }
  if(homephoneFlag != 0)
  {
    $("#homephone").focus();
    return ;
  }
  if( province == "" || city == "" || region== "" || province == null || city == null || region== null)
  {
    $("#szcode").html("<span class='tips'>请选择地区</span>");
    return ;
  }
  if(addressFlag != 0 || $("#address").val() == null || $("#address").val() == "")
  {
    $("#address").focus();
    return ;
  }
  if(zipFlag != 0)
  {
    $("#zip").focus();
    return ;
  }
  $("#myform").submit();
}
//修改用户信息表单重置
function formreset()
{
  $("#showSpan").hide();
  document.forms["myform"].reset();
  $("#emailMsg").html("");
  $("#realnameMsg").html("");
  $("#cellphoneMsg").html("");
  $("#homephoneMsg").html("");
  $("#addressMsg").html("");
  $("#zipMsg").html("");
  $("#szcode").html("");
  $("#province").html($("#hprovince").val());
  $("#city").html($("#hcity").val());
  $("#region").html($("#hregion").val());
}

//修改密码提交form
function psformSubmit()
{
  $("#oldpsMsg").html("");;
  $("#newpsMsg").html("");
  $("#repsMsg").html("");
  var oldps = $.trim($("#oldPassword").val());
  var newps = $.trim( $("#newPassword").val());
  var reps = $.trim($("#repeatPassword").val());
  if( oldpasswordFlag != 0 || oldps =="" || oldps ==null )
  {
    $("#oldPassword").focus();
    return ;
  } 
  if(newpasswordFlag != 0 || newps =="" || newps ==null )
  {
    $("#newPassword").focus();
    return ;
  }
  if( newpasswordFlag != 0 || reps == null || reps =="" || reps != newps)
  {
    $("#repeatPassword").focus();
    return ;
  }
  $("#psform").submit();
}
//获取验证码
function dochange()
{
  ///$("#vcodeImg").attr("src","_verifycode&#63;" + new Date());
  var  imgObj="#vcodeImg";
  $(imgObj).fadeOut('fast', function(){
    var datenow = new Date();
    $(this).attr('src', '_verifycode&#63;ver=' + datenow.getMilliseconds()).delay(200).fadeIn('slow');
 });
}

function removefavorite(goodsid)
{
  if(confirm('确定删除商品吗？')) 
  { 
    document.location.href="/myremovefavorite.html&#63;goodsid="+goodsid;
  }
}

function selectProvince(value)
{  //导出省份下市区 信息。
  $.post("_jquery", {"type":"getProvince",province:value}, function(data){  
    $("#city").html(data);  
    $("#region").html("");      
  });
}
function selectCity(value)
{  //导出市区 下县城信息。
  $.post("_jquery", {"type":"getCity",city:value}, function(data){  
    $("#region").html(data);        
  });
}
登入後複製

希望本文所述对大家的jquery程序设计有所帮助。

本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

顯示更多

熱門文章

刺客信條陰影：貝殼謎語解決方案
3 週前 By DDD
Windows 11 KB5054979中的新功能以及如何解決更新問題
2 週前 By DDD
在哪裡可以找到原子中的起重機控制鑰匙卡
3 週前 By DDD
<🎜>：死鐵路 - 如何完成所有挑戰
4 週前 By DDD
Atomfall指南：項目位置，任務指南和技巧
4 週前 By DDD
顯示更多

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

gmail信箱登陸入口在哪裡
7663
15
CakePHP 教程
1393
52
C# 教程
1205
24
steam的賬戶名稱是什麼格式
91
11
win11激活密鑰永久
73
19
顯示更多
Related knowledge
釘釘怎麼修改群組裡的個人名稱_釘釘修改群組個人名稱方法 釘釘怎麼修改群組裡的個人名稱_釘釘修改群組個人名稱方法 Mar 29, 2024 pm 08:41 PM

1.首先打開釘釘。 2.打開群組聊，點選右上角的三個點。 3.找到我在本群的暱稱。 4.點選進入即可修改儲存。

微信好友輔助驗證解封的詳細方法 微信好友輔助驗證解封的詳細方法 Mar 25, 2024 pm 01:26 PM

1.打開微信進入後，點選搜尋圖標，輸入微信團隊，點選下方的服務進入。 2、進入後，點選左下方的自助工具的選項。 3、點選後，在上方的選項內，點選解封/申訴輔助驗證的選項。

抖音藍V可以改名字嗎？企業抖音藍V號名稱修改步驟有哪些？ 抖音藍V可以改名字嗎？企業抖音藍V號名稱修改步驟有哪些？ Mar 22, 2024 pm 12:51 PM

抖音藍V認證是企業或品牌在抖音平台上的官方認證，有助於提升品牌形象和可信度。隨著企業發展策略的調整或品牌形象的更新，企業可能希望更改抖音藍V認證的名字。那麼，抖音藍V可以改名字嗎？答案是可以的。本文將詳細介紹企業抖音藍V號名稱修改的步驟。一、抖音藍V可以改名字嗎？抖音藍V帳號是可以改名字的。根據抖音官方規定，企業藍V認證帳號在滿足一定條件後，可以申請修改帳號名稱。一般來說，企業需要提供相關的證明資料，如營業執照、組織機構代碼證等，以證明修改名稱的合法性和必要性。二、企業抖音藍V號名稱修改步驟有哪

Win10睡眠時間修改技巧大揭秘 Win10睡眠時間修改技巧大揭秘 Mar 08, 2024 pm 06:39 PM

Win10睡眠時間修改技巧大揭密作為目前廣泛使用的作業系統之一，Windows10擁有睡眠功能，幫助使用者在不使用電腦時節省電力並保護螢幕。然而，有時候預設的睡眠時間並不符合使用者的需求，因此了解如何修改Win10睡眠時間就顯得格外重要。本文將揭示Win10睡眠時間修改的技巧，讓您輕鬆自訂系統的睡眠設定。一、透過「設定」修改Win10睡眠時間首先，最簡單的修

PHP 8 新功能：增加了驗證和簽名 PHP 8 新功能：增加了驗證和簽名 Mar 27, 2024 am 08:21 AM

PHP8是PHP的最新版本，為程式設計師帶來了更多的便利性和功能。這個版本特別關注安全性和效能，其中一個值得注意的新功能是增加了驗證和簽章功能。在本文中，我們將深入了解這些新的功能及其用途。驗證和簽名是電腦科學中非常重要的安全概念。它們通常用於確保傳輸的數據是完整和真實的。在處理線上交易和敏感資訊時，驗證和簽名變得尤為重要，因為如果有人能夠篡改數據，可能會對

閒魚怎麼修改已發布商品地址位置 閒魚怎麼修改已發布商品地址位置 Mar 28, 2024 pm 03:36 PM

在閒魚平台發布商品時，用戶可以根據實際情況自訂設定寶貝的地理位置信息，這樣潛在買家就能更精準地掌握商品的具體所在地。一旦商品成功上架，若賣家的地理位置有所變動，也無需擔憂。閒魚平台特別提供了靈活且便捷的修改功能，那麼當我們想要修改已經發布產品的地址究竟該如何修改呢，這篇教程攻略就將為大家帶來詳細的步驟攻略介紹，希望能幫助到大家！閒魚怎麼修改發布產品地址？ 1.打開閒魚，點擊我發布的，選擇商品，點擊編輯。 2、點選定位圖標，選擇需要設定的地址即可。

boss直聘怎麼修改打招呼內容 boss直聘怎麼修改打招呼內容 Mar 01, 2024 pm 03:40 PM

在boss直聘這款求職招募軟體中，使用者可以個人化地設定自己的打招呼語句，以更好地展現自己的個性和求職意願。但是有的時候默認的打招呼用語比較機械僵硬，很多用戶們想要自己的更改卻不知道在哪裡設置，那麼這篇教程攻略就將為大家帶來詳細修改步驟介紹，想要了解的玩家們就快來跟著本文一起一探究竟吧！ boss直聘打招呼的話怎麼改答案：【boss直聘】-【我的】-【設定圖示】-【打招呼語】。具體步驟：1、首先我們點擊boss直聘軟體，進入到首頁中後我們點擊右下角的【我的】;2、然後來到我的頁面中後可以看到相關的數

Go語言程式設計指南：修改hosts檔案的實現 Go語言程式設計指南：修改hosts檔案的實現 Mar 07, 2024 am 10:51 AM

標題：Go語言程式設計指南：修改hosts檔案的實作在日常的軟體開發過程中，常常會遇到需要修改作業系統中hosts檔案的情況。 Hosts檔案是一個沒有擴展名的用於映射IP位址和主機名稱的文字文件，通常用於在本地設定網域解析。在本文中，將介紹如何使用Go語言來實現修改作業系統hosts檔案的功能，並給出具體的程式碼範例。首先，我們要建立一個可以修改hosts檔案的G

See all articles