简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery implementiert die Eingabemethode summary_jquery zur Überprüfung der Benutzerinformationsänderung

WBOY
Freigeben： 2016-05-16 15:49:43
Original
1385 Leute haben es durchsucht

本文实例讲述了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);        
  });
}
Nach dem Login kopieren

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

Verwandte Etiketten：
jquery 修改 用户信息 输入 验证
Quelle：php.cn
Vorheriger Artikel：Ausführliche Erläuterung der Verwendung von Mouseover und Mouseout in den Javascript-Kenntnissen Nächster Artikel：Konvertierungsmethode zwischen Zeichenfolge und hexadezimaler Zeichenfolge, dargestellt durch javascript_javascript-Kenntnisse
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Benötigen Sie ein JQuery-Skript, um ausgewählte Optionen basierend auf der aktuellen Auswahl des Endbenutzers aus einem Auswahlfeld zu verschieben Ich habe eine HTML-Seite, auf der der Endbenutzer unsere Artikel über ein Auswahlfeldeleme...
Aus 2024-04-04 18:40:04
0
1
3528
Ich habe über Lesezeichen ein Element in reinem CSS erstellt. Es ist erstellt, aber nicht sichtbar Mein Code lautet wie folgt: g=document.createElement('div');g.setAttribute("id",...
Aus 2024-04-04 17:27:27
0
1
417
Formulardaten können nicht auf Safari/Firefox iOS gesendet werden Dies funktioniert auf allen Plattformen außer Safari/Firefox unter iOS: jQuery("#gfor...
Aus 2024-04-04 12:53:48
0
1
303
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！