Home Web Front-end JS Tutorial Verify the ID number and email address and determine what the selected regular pattern of checked looks like.

Verify the ID number and email address and determine what the selected regular pattern of checked looks like.

Mar 29, 2018 pm 02:35 PM
Mail

This time I will bring you the regular rules for verifying the ID number and email address and judging the checked selection. The regular rules for verifying the ID number and email address and judging the checked selection Notes What are they? Here are actual cases. Let’s take a look.

The project happened to write about login and registration. When using the blur event to verify the user input, a bug appeared. Finally, the user input value was obtained in the onclick event of the registration button for verification.

Judge the checked status:

if(!$('#checkedAgree').prop("checked"){ 
   console.log('no');//未选中 
}else{ 
   console.log('yes');//选中 
} 
//注册 
$(".regBtn").on('click',function(){ 
  var regUser = $('#regUser').val();//用户名 
  var regPass = $('#regPass').val();//密码 
  var regAgainpass = $('#regAgainpass').val();//确认密码 
  var regTrueName = $('#regTrueName').val();//真实姓名 
  var idNumber = $('#idNumber').val();//身份证 
  var email = $('#email').val();//邮箱 
  if(!regUser){ 
    alert("用户名为空,请输入用户名"); 
  }else if(!regPass || regPass.length < 6){ 
    alert("密码为空或长度少于6位,请输入正确的密码"); 
  }else if(!regAgainpass || regAgainpass != regPass){ 
    alert("确认密码为空或两次密码输入不一致,请输入正确的密码"); 
  }else if(!regTrueName){ 
    alert("真实姓名为空,请输入真实姓名"); 
  }else if(!idNumber || !idNum(idNumber)){//调用身份证验证方法 
    alert("身份证号码不正确,请输入正确的身份证号码"); 
  }else if(!email || !emailNum(email)){//调用邮箱验证方法 
    alert("邮箱不正确,请输入正确的邮箱email"); 
  }else if(!$('#checkedAgree').prop("checked")){//判断用户同意注册协议状态 
    alert("您还未同意用户注册协议"); 
  }else{ 
    console.log('yes'); 
    //some code here 
  } 
}); 
//身份号码验证 
function idNum(idNum){ 
  var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; 
  if(!reg.test(idNum)){ 
    return false; 
  }else{ 
    return true; 
  } 
} 
//邮箱验证 
function emailNum(emailNum){ 
  var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;//验证身份证号 
  if(!reg.test(emailNum)){ 
    return false; 
  }else{ 
    return true; 
  } 
}
Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to verify C# with regular expressions

The use of regular expressions and three major Linux text processing tools Detailed explanation

The above is the detailed content of Verify the ID number and email address and determine what the selected regular pattern of checked looks like.. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

gate.io registration tutorial gate.io registration tutorial Mar 31, 2025 pm 11:09 PM

This article provides a detailed Gate.io registration tutorial, covering every step from accessing the official website to completing registration, including filling in registration information, verifying, reading user agreements, etc. The article also emphasizes security measures after successful registration, such as setting up secondary verification and completing real-name authentication, and gives tips from beginners to help users safely start their digital asset trading journey.

gate.io latest registration tutorial for beginners gate.io latest registration tutorial for beginners Mar 31, 2025 pm 11:12 PM

This article provides newbies with detailed Gate.io registration tutorials, guiding them to gradually complete the registration process, including accessing the official website, filling in information, identity verification, etc., and emphasizes the security settings after registration. In addition, the article also mentioned other exchanges such as Binance, Ouyi and Sesame Open Door. It is recommended that novices choose the right platform according to their own needs, and remind readers that digital asset investment is risky and should invest rationally.

How to get the return code when email sending fails in Laravel? How to get the return code when email sending fails in Laravel? Apr 01, 2025 pm 02:45 PM

Method for obtaining the return code when Laravel email sending fails. When using Laravel to develop applications, you often encounter situations where you need to send verification codes. And in reality...

In Laravel, how to deal with the situation where verification codes are failed to be sent by email? In Laravel, how to deal with the situation where verification codes are failed to be sent by email? Mar 31, 2025 pm 11:48 PM

The method of handling Laravel's email failure to send verification code is to use Laravel...

The latest registration tutorial for gate.io web version The latest registration tutorial for gate.io web version Mar 31, 2025 pm 11:15 PM

This article provides a detailed Gate.io web version latest registration tutorial to help users easily get started with digital asset trading. The tutorial covers every step from accessing the official website to completing registration, and emphasizes security settings after registration. The article also briefly introduces other trading platforms such as Binance, Ouyi and Sesame Open Door. It is recommended that users choose the right platform according to their own needs and pay attention to investment risks.

How to register and download the latest app on Bitget official website How to register and download the latest app on Bitget official website Mar 05, 2025 am 07:54 AM

This guide provides detailed download and installation steps for the official Bitget Exchange app, suitable for Android and iOS systems. The guide integrates information from multiple authoritative sources, including the official website, the App Store, and Google Play, and emphasizes considerations during download and account management. Users can download the app from official channels, including app store, official website APK download and official website jump, and complete registration, identity verification and security settings. In addition, the guide covers frequently asked questions and considerations, such as

The latest registration portal for Ouyi official website The latest registration portal for Ouyi official website Mar 21, 2025 pm 05:54 PM

As the world's leading digital asset trading platform, Ouyi OKX attracts many investors with its rich trading products, strong security guarantees and convenient user experience. However, the risks of network security are becoming increasingly severe, and how to safely register the official Ouyi OKX account is crucial. This article will provide the latest registration portal for Ouyi OKX official website, and explain in detail the steps and precautions for safe registration, including how to identify the official website, set a strong password, enable two-factor verification, etc., to help you start your digital asset investment journey safely and conveniently. Please note that there are risks in digital asset investment, please make cautious decisions.

Tutorial on how to register, use and cancel Ouyi okex account Tutorial on how to register, use and cancel Ouyi okex account Mar 31, 2025 pm 04:21 PM

This article introduces in detail the registration, use and cancellation procedures of Ouyi OKEx account. To register, you need to download the APP, enter your mobile phone number or email address to register, and complete real-name authentication. The usage covers the operation steps such as login, recharge and withdrawal, transaction and security settings. To cancel an account, you need to contact Ouyi OKEx customer service, provide necessary information and wait for processing, and finally obtain the account cancellation confirmation. Through this article, users can easily master the complete life cycle management of Ouyi OKEx account and conduct digital asset transactions safely and conveniently.

See all articles