下面小編就為大家帶來一篇JavaScript 完成注冊頁面表單校驗的實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1、步驟分析

第一步：確定事件(onsubmit)并為其綁定一個函數

第二步：書寫這個函數(獲取用戶輸入的數據)

第三步：對用戶輸入的數據進行判斷

第四步：數據合法(讓表單提交)

第五步：數據非法(給出錯誤提示信息，不讓表單提交)

問題：如何控制表單提交？

關于事件 onsubmit：一般用于表單提交的位置，那么需要在定義函數的時候給出一個 返回值。

onsubmit = return checkForm()

2、完成注冊頁面表單校驗

注冊頁面

function checkForm(){

//alert("aa");

/**校驗用戶名*/

//1.獲取用戶輸入的數據

var uValue=document.getElementById("user").value;

//alert(uValue);

if(uValue==""){

//2.給出錯誤提示信息

alert("用戶名不能為空");

return false;

}

/**校驗密碼*/

var pValue=document.getElementById("password").value;

if(pValue==""){ //注意空的表示方法

alert("密碼不能為空");

return false;

}

/** 校驗確認密碼*/

var rpValue=document.getElementById("repassword").value;

if(rpValue!=pValue){

alert("兩次密碼輸入不一致！");

return false;

}

/**校驗郵箱*/

var eValue=document.getElementById("email").value;

if(！/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){

alert("郵箱格式不正確！");

}

}

登錄 注冊 購物車

首頁 手機數碼 電腦辦公 鞋靴箱包 家用電器

會員注冊 USER REGISTER 用戶名 密碼 確認密碼 E-mail 姓名 性別 男 女 出生日期 驗證碼

關于我們 聯系我們 招賢納士 法律聲明 友情鏈接 支付方式 配送方式 服務聲明 廣告聲明 Copyright ? 2005-2016 hh商城 版權所有

在校驗確認密碼這部分使用了正則表達式(不需要記憶，需要時查找文檔)

正則式.test(校驗對象)為真表示符合條件，為假則不符合。

總結

以上是生活随笔為你收集整理的PHP表单注册验证,JavaScript实现注册页面表单校验的实例分享的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。