ホームページ > ウェブフロントエンド > jsチュートリアル > JSフォームデータ検証用の正規表現

JSフォームデータ検証用の正規表現

高洛峰
リリース: 2017-02-20 16:41:05
オリジナル
1304 人が閲覧しました

この記事では主に JS フォームデータ検証のための正規表現を紹介します。この方法は、正規表現を使用してフォームを検証する方法についても詳しく説明しています。

よく使われる方法 検証方法:


checkUserNameflag=false; 
 checkPasswordflag=false; 
 checkPasswordAgianflag=false; 
 checkEmailflag=false; 
// 用户名校验 
function checkUserName() { 
 var username = $("userNeme").value; 
 var zz = /^[A-Za-z0-9]{6,}$/; 
 if (!zz.test(username)) { 
  $("userName_warn").innerHTML = " × 用户名不符合规范"; 
  checkUserNameflag=false; 
 } else { 
  /*$("userName_warn").style.color='blue'; 
  $("userName_warn").innerHTML = "√ 用户名可用";*/ 
  showUserExist(username); 
  checkUserNameflag=true; 
 } 
} 
//重置提示 
function resetWarn(){ 
 $("userName_warn").innerHTML=""; 
 $("email_warn").innerHTML=""; 
 $("password_warn").innerHTML=""; 
 $("Repassword_warn").innerHTML=""; 
} 
// 密码校验 
function checkPassword() { 
 var password1 = $("password").value; 
 if (password1.length >= 6 && password1.length <= 15) { 
  checkPasswordflag = true; 
  $("password_warn").style.color=&#39;blue&#39;; 
  $("password_warn").innerHTML = " √ 密码可用 "; 
  checkAgianMiMa(); 
 } else { 
  checkPasswordflag = false; 
  $("password_warn").innerHTML = " × 密码至少为 6 个字符 "; 
 } 
} 
function checkPasswordAgian() { 
 var password1 = $("password").value; 
 var password2 = $("rePassword").value; 
 if (password1 == password2) { 
  if (password1 == "") { 
   $("Repassword_warn").innerHTML = " × 请输入密码 "; 
   checkPasswordAgianflag = false; 
   return; 
  } 
  $("Repassword_warn").style.color=&#39;blue&#39;; 
  $("Repassword_warn").innerHTML = "√ 重复输入密码正确"; 
  checkPasswordAgianflag = true; 
 } else { 
  checkPasswordAgianflag = false; 
  $("Repassword_warn").innerHTML = " × 两次密码输入不同 "; 
 } 
} 
function checkEmail(){ 
 //对电子邮件的验证 
  var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
  var email=$("email").value; 
  if(!myreg.test(email)){ 
   checkEmailflag=false; 
    $("email_warn").style.color=&#39;red&#39;; 
   $("email_warn").innerHTML = " × 邮箱格式不符合规范"; 
  } else { 
   checkEmailflag=true; 
   $("email_warn").style.color=&#39;blue&#39;; 
   $("email_warn").innerHTML = "√ 邮箱格式正确"; 
  } 
} 
function submitCheck(){ 
 alert(checkUserNameflag); 
 if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false 
   ||checkPasswordAgianflag==false || checkEmailflag==false){ 
  return; 
 } 
} 
function $(id){ 
 return document.getElementById(id); 
}
ログイン後にコピー


js正規表現 - 検証フォーム

携帯電話番号の検出: /0?(13|14|15|18)[ 0-9] {9}/

検出ユーザー名: (数字、英語、漢字、下線、ダッシュ):/^[A-Za-z0-9_-u4e00-u9fa5]+$/

パスワード: (数字、英語、下線、水平線)/^[A-Za-z0-9_-]+$/

ID カード:/d{17}[d|x]|d{15}/

空でない: /^ S+$/

IP アドレス: /((?:(?:25[0-5]|2[0-4]d|[01]?d?d).){3}(?:25 [0 -5]|2[0-4]d|[01]?d?d))/

上記は編集者が紹介したJSフォームデータ検証用の正規表現です、皆さんの参考になれば幸いです。ご質問がございましたら、メッセージを残してください。すぐに返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

JS フォーム データ検証の正規表現に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート