宝马娱乐在线112222 > 网络应用 > (模仿京东用户注册)用JQuery实现简单表单验证,初

原标题:(模仿京东用户注册)用JQuery实现简单表单验证,初

浏览次数:80 时间:2019-12-17

(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看,用户注册jquery

说明:

  1. 代码中的js脚本文件路径需替换为自己的目录文件

  2. 代码中加入了ajax验证账号是否存在

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

    表单验证

    会员注册

    帐   号:
    设置密码:
    确认密码:
    手   机:

以上这篇(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持帮客之家。

http://www.bkjia.com/Javascript/1294165.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1294165.htmlTechArticle(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看,用户注册jquery 说明: 1. 代码中的js脚本文件路径需替换为自己的目录文件 2. 代...

说明:

  1. 代码中的js脚本文件路径需替换为自己的目录文件

  2. 代码中加入了ajax验证账号是否存在

    表单验证font {font-size: 10px;}.info {color: #AAAAAA;}.errormsg {color: #FF3030;}.errorinput {border-color: #FF3030;border-width: 1px;}.ok {color: #32CD32;}//账号是否验证过var accountIsChecked = false;var accountIsOK = false;var passwdIsOK = false;var confirmpwdIsOK = false;var phoneIsOK = false;$ {// 验证账号$.focus {focus_checkaccount {$.text.removeClass;accountIsChecked = false;}).blur {blur_checkaccount.focus {$.text.removeClass.blur {blur_checkpwd;});// 验证二次密码$.focus {$.text.removeClass.blur {blur_confirmpwd;// 验证手机号码$.focus {$.text.removeClass.blur {blur_checkphone;function focus_checkaccount() {if {$.text.removeClass;}}function blur_checkaccount() {var account = $;if {// 判断account是否验证过if {// 未验证过,则进行验证ajax_checkaccount;}} else {$.text;accountIsOK = false;}}// ajax请求验证accountfunction ajax_checkaccount {$.get("/airticleMgr/member", {m : "checkAccount",account : account}, function {if {$.text.removeClass().addClass;accountIsOK = false;} else {$.text.addClass;accountIsOK = true;}});accountIsChecked = true;}function blur_checkpwd() {var lpwd = $.length;if {if {$.text.removeClass().addClass;passwdIsOK = false;} else {$.removeClass;passwdIsOK = true;}} else {$;passwdIsOK = false;}}function blur_confirmpwd() {var pwd = $;var confirmpwd = $;if {if {$.text.addClass;confirmpwdIsOK = true;} else {$.text.removeClass().addClass;confirmpwdIsOK = false;}} else {$.text;confirmpwdIsOK = false;}}function blur_checkphone() {var phone = $;var regix = /^1[34578][0-9]{9}$/;if {if {$.text.removeClass().addClass;phoneIsOK = false;} else {$.text.addClass;phoneIsOK = true;}} else {$;phoneIsOK = false;}}// 表单验证function check_form {if == "") {$.text.removeClass().addClass;} else {}return false;}if {if == "") {$.text.removeClass().addClass;} else {}return false;}if {if .val {$.text.removeClass().addClass;} else {}return false;}if {if == "") {$.text.removeClass().addClass;} else {}return false;}if (accountIsOK && passwdIsOK && confirmpwdIsOK && phoneIsOK) {alert;return true;} else {alert;return false;}}会员注册

本文由宝马娱乐在线112222发布于网络应用,转载请注明出处:(模仿京东用户注册)用JQuery实现简单表单验证,初

关键词:

上一篇:编译Nginx的源码安装subs_filter模块

下一篇:没有了