2. 程式人生 > >AngularJS 登錄檔單驗證

AngularJS 登錄檔單驗證

阿新 • • 發佈：2019-01-23
//email驗證 $(function(){ //input標籤獲取焦點/失去焦點時呼叫方法 $(":input[name='email']").blur(function(){ //獲取input的內容 var email = $(this).val(); //給定輸入內容的模板（email格式模板） var reg = /\w+[@]{1}\w+[.]\w+/; //將input的內容放入到模板中，進行判斷
if(reg.test(email)){ //格式正確：輸出“使用者名稱可用” $(":input[name='check-email']").val("使用者名稱可用"); //宣告正確時呼叫的圖片 image1 = "dui.gif"; //將圖片放入到img標籤中 $("#img1").attr("src", image1); }else
{ //格式錯誤：輸出“請填寫有效的Email地址” $(":input[name='check-email']").val("請填寫有效的Email地址"); //宣告正確時呼叫的圖片 image1 = "cuo.gif"; //將圖片放入到img標籤中 $("#img1").attr("src", image1); } }); }); //name驗證
$(function(){ $(":input[name='name']").blur(function(){ var name = $(this).val(); //判斷輸入內容是大於四個字元 if(name.length > 4){ $(":input[name='check-name']").val("輸入正確"); image2 = "dui.gif"; $("#img2").attr("src", image2); }else{ $(":input[name='check-name']").val("輸入資訊錯誤"); image2 = "cuo.gif"; $("#img2").attr("src", image2); } }); }); //password驗證-第一次 $(function(){ $(":input[name='password-one']").blur(function(){ var name = $(this).val(); //判斷密碼是否大於6個字元 if(name.length > 6){ $(":input[name='check-password-one']").val("密碼可用"); image3 = "dui.gif"; $("#img3").attr("src", image3); }else{ $(":input[name='check-password-one']").val("密碼不可用"); image3 = "cuo.gif"; $("#img3").attr("src", image3); } }); }); //password驗證-第二次 $(function(){ $(":input[name='password-two']").blur(function(){ var name1 = $(":input[name='password-one']").val(); var name2 = $(this).val(); //首先判斷密碼是否大於6個字元 if(name2.length > 6){ //然後判斷兩次密碼是否一致 if(name2 == name1){ $(":input[name='check-password-two']").val("密碼可用"); image4 = "dui.gif"; $("#img4").attr("src", image4); }else{ $(":input[name='check-password-two']").val("密碼不可用"); image4 = "cuo.gif"; $("#img4").attr("src", image4); } }else{ $(":input[name='check-password-two']").val("密碼不可用"); image4 = "cuo.gif"; $("#img4").attr("src", image4); } }); });

相關推薦

AngularJS 登錄檔單驗證

//email驗證 $(function(){ //input標籤獲取焦點/失去焦點時呼叫方法 $(":input[name='email']").blur(function(){ //獲取inp

登錄檔單驗證 json格式傳參

1.加入json相關架包 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp

php使用者登錄檔單驗證

註冊介面 register.html <h1>使用者註冊</h1> <form method="post" action="register_verify.php"> <input type="te

Web前端 | 登錄檔單驗證

註冊格式要求：頁面中所有項均為必填項登入賬號：只能是數字或字母且以字母開頭密碼：大於8位且需要有字母和數字之外的字元姓名：格式為2-4個漢字出生年月日：格式為yyyy-mm-dd 【eg：1998-02-17】郵編：正確的6位數字郵編E-mail：基本格式Html程式程式碼如

編寫一個僱員登錄檔單並進行驗證

Javaweb第二章課後習題 編寫一個僱員註冊的表單，要求輸入以下內容：僱員編號、僱員姓名、僱員工作、僱傭日期、基本工資和獎金。並對錶單進行JavaScript驗證，驗證要求如下： 1. 僱員編號：只能是數字； 2. 僱員姓名：不能為空； 3. 僱員工作：不能為空；

HTML+CSS第四課：表單標籤的使用-製作登錄檔單

知識點：表單標籤、表單元素 表單在網頁中應用比較廣泛，如申請qq賬號、電子郵箱等，使用者需要首先填寫註冊資訊，然後才能提交；通俗講，表單就是一個將使用者資訊組織起來的容器，將使用者填寫的內容放置在表單容器中，當用戶單擊提交按鈕的時候，表單會將資料統一發送給伺服器！ 表單的作用

HTML+CSS實現的簡單登錄檔單

效果總覽： 具體程式碼實現 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>提交使用者資訊</t

jsp 製作一個登入登錄檔單

"><html> <head> <title>My JSP 'signin.jsp' starting page</title> </head> <body>

登錄檔單是要左對齊還是右對齊

上一篇圍繞對齊和連續流這兩個設計原則，談了資訊設計中用到的幾種對齊方法以及和連續流的關聯，這一篇嘗試用這些原則分析登錄檔單選項該怎麼設計。 登錄檔單，也就是我們在註冊網路產品或者填寫信用卡申請表時的東西，目前主流的表單有兩種，一種是專案左對齊，另一種是專案靠著輸入框作右

JQuery 實現登錄檔單校驗

    進行表單資料的驗證可謂是很有必要的，我們都會在網頁上先進行一下表單驗證，然後伺服器端再次進行驗證，來確保使用者提交資料的準確性,與減輕伺服器的壓力.   表單頁面： <body> <form action="index.h

css登錄檔單案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

一款css3很美的iphone登錄檔單樣式

1 <!DOCTYPE html> 2 <html lang=""> 3 <head> 4 <title>Animated Checkboxes using CSS3</title> 5 <meta char

手機wap端使用者登錄檔單（html+css）

實現效果： html程式碼： <div class="login"> <form action="*跳轉介面*" method="post" onsubmit="return checkForm()"> <

javascript登錄檔單

html部分：<html> <head> <title>登錄檔單</title> <script language="JavaScript" src="check.js"></script> </

ASP簡單使用者登錄檔單

#index.aspx檔案內容 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits

簡單的登錄權限驗證實現

prefix void 定向 exceptio clas 攔截 登錄 scrip oca 1.登錄 登錄時需要生成一個自定義的token，token的生成規則一般可以考慮混合多種因素，如userId+生成時間+UUID，再進行一定的編碼 String token=user

用戶登錄註冊之驗證碼技術實現

function 驗證碼 用戶登錄 用戶名 change 對於一些惡意強暴破解密碼的行為（即通過硬性嘗試用戶名密碼進行破解），可以采用驗證碼對其進行抵禦，對於一些程序可以識別驗證碼，則需要對驗證碼形式進行多樣化設計。用戶登錄時設置驗證碼代碼實現：頁面<script type=

Linux centos 跳過管理員密碼進行登錄（單用戶模式、救援模式）

remount 無法 linu 單用戶 blog int 成功 程序 bios 　　這裏列舉了兩種更改或者取消管理員密碼登錄Linux系統的方法，其實兩種方法類似，都是想方設法跳過用戶認定，直接更改用戶文件、更改密碼的過程。 　　為了跳過系統正常啟動過程中的某些步驟，必須知

php通過curl擴展進行模擬登錄（含驗證碼）

程序 valid 做的 .cn ica ews fclose har user 以下為本人工作中遇到的需要做的事情，之前也沒怎麽用過curl，查了好多資料，才稍微弄明白一點；本文所有內容只是自己平日工作的記錄，僅供大家參考：<?php/*** 模擬登錄*/head

thinkphp3.2用戶登錄ajax提交驗證

field lds member php代碼 sta () result js代碼 mit html代碼 <if condition="!isset($_SESSION[‘account‘])"> <div class="load