web前端|js教程
jquery,提交,表单
web前端-js教程说明：
手机app页面html源码下载,vscode 保存全部,魅族4Ubuntu,tomcat发布java,sqlite 存储数组,服务器和主机,jquery日期插件中文,框架属于前端吗,爬虫 缓存,php隐写,seo培训费多少,css3效果网站,网页组件库,bs后台管理模板, 页面截图,asp做志愿者管理系统,opengl3d程序lzw
1. 代码中的js脚本文件路径需替换为自己的目录文件
王者视频源码92game,ai开发环境 ubuntu,tomcat监控公司哪家好,如何引爬虫,php上传函数,郑州seo搜索引擎整站优化lzw
2. 代码中加入了ajax验证账号是否存在
在线聊天网站源码,vscode作者注释,ubuntu k3b,tomcat查看,sqlite 视图源码,门户网站定制服务器,js代码动态效果插件,前端页面框架推荐,python 协程 爬虫,php学名,广州seo技术博客,简约网站模板html,网页视频播放器插件下载,网站怎么修改模板内容,获取页面载入进度条,进销存管理系统下载,二次曲面拟合程序lzw
表单验证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;$(function() {// 验证账号$("#account").focus(function() {focus_checkaccount();}).keyup(function() {$("#accountmsg").text("支持中文、字母、数字组合").removeClass().addClass("info");accountIsChecked = false;}).blur(function() {blur_checkaccount();})// 验证密码$("#pwd").focus(function() {$("#pwdmsg").text("建议使用数字和字母的组合").removeClass().addClass("info");}).blur(function() {blur_checkpwd();blur_confirmpwd();});// 验证二次密码$("#confirmpwd").focus(function() {$("#confirmmsg").text("请再次确认密码").removeClass().addClass("info");}).blur(function() {blur_confirmpwd();});// 验证手机号码$("#phone").focus(function() {$("#phonemsg").text("建议输入常用手机").removeClass().addClass("info");}).blur(function() {blur_checkphone();})});function focus_checkaccount() {if (!accountIsChecked) {$("#accountmsg").text("支持中文、字母、数字组合").removeClass().addClass("info");}}function blur_checkaccount() {var account = $("#account").val();if (account != "") {// 判断account是否验证过if (!accountIsChecked) {// 未验证过，则进行验证ajax_checkaccount(account);}} else {$("#accountmsg").text("");accountIsOK = false;}}// ajax请求验证accountfunction ajax_checkaccount(account) {$.get("/airticleMgr/member", {m : "checkAccount",account : account}, function(data) {if ("true" == data) {$("#accountmsg").text("该账号已被注册").removeClass().addClass("errormsg");accountIsOK = false;} else {$("#accountmsg").text("√").removeClass().addClass("ok");accountIsOK = true;}});accountIsChecked = true;}function blur_checkpwd() {var lpwd = $("#pwd").val().length;if (lpwd > 0) {if (lpwd < 6) {$("#pwdmsg").text("长度在6-20位之间").removeClass().addClass("errormsg");passwdIsOK = false;} else {$("#pwdmsg").text("√").removeClass().addClass("ok");passwdIsOK = true;}} else {$("#pwdmsg").text("");passwdIsOK = false;}}function blur_confirmpwd() {var pwd = $("#pwd").val();var confirmpwd = $("#confirmpwd").val();if (confirmpwd != "") {if (confirmpwd == pwd) {$("#confirmmsg").text("√").removeClass().addClass("ok");confirmpwdIsOK = true;} else {$("#confirmmsg").text("两次密码输入不一致").removeClass().addClass("errormsg");confirmpwdIsOK = false;}} else {$("#confirmmsg").text("");confirmpwdIsOK = false;}}function blur_checkphone() {var phone = $("#phone").val();var regix = /^1[34578][0-9]{9}$/;if (phone != "") {if (!regix.test(phone)) {$("#phonemsg").text("手机格式有误").removeClass().addClass("errormsg");phoneIsOK = false;} else {$("#phonemsg").text("√").removeClass().addClass("ok");phoneIsOK = true;}} else {$("#phonemsg").text("");phoneIsOK = false;}}// 表单验证function check_form() {if (!accountIsOK) {if ($("#account").val() == "") {$("#accountmsg").text("请输入账号").removeClass().addClass("errormsg");} else {}return false;}if (!passwdIsOK) {if ($("#pwd").val() == "") {$("#pwdmsg").text("请输入密码").removeClass().addClass("errormsg");} else {}return false;}if (!confirmpwdIsOK) {if ($("#confirmpwd").val() == "") {$("#confirmmsg").text("请再次输入密码").removeClass().addClass("errormsg");} else {}return false;}if (!phoneIsOK) {if ($("#phone").val() == "") {$("#phonemsg").text("请输入手机").removeClass().addClass("errormsg");} else {}return false;}if (accountIsOK && passwdIsOK && confirmpwdIsOK && phoneIsOK) {alert("欢迎注册");return true;} else {alert("请检查信息");return false;}}会员注册
