jquery表单验证(数字能量表单验证(登录/注冊))

jquery表单验证
   

   大家好,我是王渊厚老师,经过我们数年的研究念数疗法,去年2020年的4,5月份逐步内测到招募学员体验念数疗法,无数的学员在这个体验念数疗法的过程中因此受益,不管是财运问题,亲自教育问题,感情问题,事业问题,丢失的财务找回问题,猫猫狗狗宠物问题,身体健康问题,官非问题,减肥问题,甚至于机器坏掉的问题都通过念数疗法得到了很好的帮助或者解决!这里给大家展示部分的真实学员体验之后的反馈:

   

   

   

   

   

数字能量

   

数字能量

   

   
数字能量

   
数字能量

   
数字能量

   
数字能量

   
数字能量

   念数疗法顾名思义就是通过念阿拉伯数字就可以解决几乎百分之95的生活问题,对,你没有听错,保守估计是百分之95的问题,是纯绿色无污染高效简单的一种解决问题的学术体系!通过易学的起卦在不到一分钟的时间就可以开出数字配方给大家,你可以默念,手机录下来放在身边播放,读出声音,甚至别人带念都是可以的!相信说到这里还是很多朋友有点云里雾里!

   
数字能量

   那么现在,机会来了!从此刻开始,乐活学院将带领大家一起开启体验了解念数疗法!念数疗法公开课开始招募学员,

   
数字能量

   报名费:16.8元(原价319元)

   
数字能量

   报名名额:报名满319人后,立马恢复原价。

   
数字能量

   报名福利:

   
数字能量

   1、可以学习一堂原价319元的乐活念数疗法路演课(价值319元)。

   
数字能量

   2、可以免费体验一个一对一开方名额。(价值867元)。

   
数字能量

   报名时间:截止时间为5月12号晚上12点

   
数字能量

   开课时间:5月13号晚上7点31分

   
数字能量

   特别提醒之前参加过乐活念数疗法公开课的学员禁止参加。

   

   
数字能量

   想要报名学习的直接扫码微信或加微信号:smsz6688加入就可以了,加的时候一定要备注:报名念数,否则不通过,请理    

登录,注册是中央认证, 我们使用每个项目从头开始,打开视图。这不是必要的。在以下k?您可以使用该表格。测试部件, 我写:

以下代码,这将是一个完整的?代码anh?纽约。W?打动使用。只有必要 一个简单的?在您自己的项目中进行更改。非常愉快。

此表格已通过认证, 使用jquery。如果您需要本机JS,ver?改变,它也是非常P。。案则。

请看渲染稿:

<SectionedoctyP.e HTML。>
<html long =“de”>
<头>
<切割网站编码格式。UTF-8国际编码,GBK或GB2312中国代码 - >
<元HTTP-Equiv =“内容类型”Content =“text / html; charteTet = UTF-8”/>
<元HTTP-EQUIV =“X-UA兼容”内容=“IE =边框”>
<元名称=“keyw?“content =”键?重返者。keyw?重返2。>
<元名称=“描述”content =“站点描述”>
<元名称=“作者”内容=“Yvette Lau”>
<元名称=“查看窗口”content =“width = ger?TEB。初始标度= 1“>
<标题>CSSDEMO。<标题>
<风格>
*{{{
Marge:0px;
室内装潢:0px;
}

#login_dialog {
位置:固定;
左:40%;
以上:40%;
背景颜色:#303a40;
宽度:500px;
边缘左:-200px;
边缘顶部:-150px;
字体系列。e:“黑色k?r“

-moz用户选择:无;
-webkit用户选择:无;
用户选择:无;
}
。register_dialog_title {
H?他:35px;
李neh?他:35px;
Marge:0 5px;
}

。register_dialog_info {
浮子:李。nks;
保证金链接:10px;
颜色:#fff;
边缘顶部:5px;
扳手:20px;
}
#register_dialog {
位置:固定;
左:40%;
以上:40%;
背景颜色:#303a40;
宽度:500px;

边缘左:-200px;
边缘顶部:-200px;
字体系列。e:“黑色k?r“
-moz用户选择:无;
   -webkit用户选择:无;
   - 用户选择:无;
   KHTML用户选择:无;
   用户选择:无;
}

。register_dialog_info {
浮子:李。nks;
保证金链接:10px;
颜色:#fff;
边缘顶部:5px;
扳手:20px;
}
。dialog_close {
光标:指针;
宽度:40px;
H?他:40px;
BORDERRADIUS:25px;
浮动右;
李neh?他:40px;
扳手:20px;
颜色:#d8dadb;
字体系列。e:“微软亚思”;
文字对齐:中心;
光标:中心;
}
公式{室内装潢:20px 0px;
ul 李。{李st-style:none;}
。sub {
   文字对齐:中心;
}
。sub input {
   显示:内联块;
   宽度:300px;
   背景颜色:RGB(255, 109, 11);
   颜色:RGB(255, 255, 255);
   扳手:20px;
   文字对齐:中心;
   H?他:40px;
   李neh?他:40px;
   字体家族:黑色k?r;
   概述:无;
   边缘:无;
   Marge:汽车;
}
。dialog_close:hover {
背景颜色:#566
}
入口[type =“send”]:hover{cursor:pointer;}

。reg-box { padding-left: 30px; }

。reg-box 李 { 李ne-身高:44px; 宽度:500px; 溢出:隐藏; }

。reg-box li label { width: 68px; 身高:50px; 向左飘浮; 线高:50px; 文字对齐:右; 填充右:20px; }

。reg-box li输入,。reg-box li liing?母鸡{室内装潢:6px 0; 扳手:16px; 宽度:296px; H?他:28px; lineh?他:28px; 兰特:1px solid #dddd; 文字:0。5em; 向左飘浮;}

。reg-box li w?选择选项{扳手:16px;}

。挂号的。btn a { background: #ff7200; 边缘左:110px; }

。add { width: 128px; height: 44px; 向左飘浮; _display:内联; 光标:指针; 边缘左:20px; }

。reg-box li。sradd { width: 148px; 文本缩进:4px; 字体大小:14px; }

。reg-box li。input-code { width: 106px; 填充:10px; 字体家族:arial; 字体风格:斜体; 红色; 字母间距:1px; 光标:指针; 文字对齐:中心; 文本缩进:0; }

。YZM,。phoKey { background: #ff7200; 文字对齐:中心; 线高:44px; 颜色:#fff; }

。Phokey{信距离:3px; 扳手:18px;}

。yzmc { background: #dddddd; 文字对齐:中心; 线高:44px; 颜色:#999; }

。error { clear:both;display:block;color: red; 填充填充:90px; 填充底部:5px;高度:20px;浮子:左; 字体大小:12px;线高:20px;}

input { background-color: #fff; 概述:无; }

。reg-box li { width: auto; }

。Reg-Box Li输入。errerc, 。errerc{berring:1px坚固的红色;}

。Reg-Box Li输入。检查一下 。checkedn{边框:1px固定#1EC6D;}

</ 风格>
<切割CSS-JS文件>
<脚本类型=“text / javascript”src =“https:// www。Cnblogs。com / lxjshuju / p / jquery-112st。JS“></ 脚本>
</ 头>
<k?r>
<div id =“login_dialog”>
<div class =“register_dialog_title”>
<p class =“register_dialog_info”>登录</ P。>
<p class =“dialog_close”>X</ P.>
<div类=“干净”></ div。>
</ div。>
<div style =“背景颜色:#ffffff; marge:10px;”>
<格式action =“”>
<UL Class =“Reg-Box”>                
<li>
<标签=“”>帐户    数字</礼仪><输入类型=“文本”值=“请输入您的帐户。“class =”帐户“maxlength =”11“style =”颜色:#999;“Onblur =”TextBlur(此)“Onfocus =”文本焦点(此)“/><跨越类=“错误ERROR5”></ 跨度。>
</李。>
<li>
<标签=“”>紧的    代码</礼仪><输入类型=“密码”类=“admin_pwd”值=“请输入密码。“style =”颜色:#999;“Onblur =”TextBlur(此)“Onfocus =”TextFocus(此)“/><Span-Class =“错误Error6”></ 跨度。>
</李。>
<li>
<标签=“”>验证钥匙</礼仪><输入类型=“text”class =“sradd photokey”值=“请给出最好的?在此)“Onfocus =”文本焦点(此)“/><Span-class =“添加phken”></ 跨度。><跨越类=“错误ERROR7”></ 跨度。>
</李。>
</ UL.>
<div类=“sub”>
<输入类型=“发送”值=“现在登录注册”/>
</ div。>
</ 形式>
</ div。>
</ div。>
</ k?rper>
</ html。>

JS子码,例如:

<脚本类型=“text / javascript”>
function textFocus(el) {
}
如果(el。value=='') { el.价值= el。默认值; el.风格。color ='#999';}

//寄存器页面提示文本
//手机号码列丢失焦点
reg。/^1[3|4|5|7|8][0-9]d{4,8$ / i; //检查稳压吗?经常重新电话(11位数为7位数)
如果($(这)。val()==“|| $(此)。val()==“请输入您的手机号码”)
$(那)。addclasse(“errorc”);
$(那)。n?Chster()。CSS(“显示”,“堵塞”);
除此以外, 如果($(这)。val()。l?纽约<11)
$(那)。addclasse(“errorc”);

“);
}
{
$(那)。n?Chster()。HTML(“手机号码不存在!“);
}
{
$(那)。RemoveClass(“errorc”);
}

$(“。reg-box。Telefoney“)。血液RFE(函数(){
如果($(这)。val()==“|| $(此)。val()==“请输入最佳收到?上。“)
$(那)。addclasse(“errorc”);
$(那)。n?Chster()。n?Chster()。CSS(“显示”,“堵塞”);
除此以外, 如果 (!reg。测试($(“。Telefoney“)。val())))
$(那)。addclasse(“errorc”);
$(那)。n?Chster()。n?Chster()。CSS(“显示”,“堵塞”);
除此以外
$(那)。RemoveClass(“errorc”);
$(那)。添加类(“checkedn”);
});
//密码列丢失焦点
reg。/^[@A-Za-z0-9!#$%^&*.~]{6,22}$ /;
{
$(那)。n?Chster()。HTML(“”格式错误,请输入6?12位数, 字母或特殊字符!
“);
}
{
$(“。reg-box。error3“)。空的 ();
}

var pwd1 = $('。Reg-Box输入。密码 ')。val();
如果($(这)。val()=='请输入密码'|| $(此)再次。val()==“”“&&(pwd1 ==”请输入密码“|| pwd1 ==”)){
除此以外, 如果(PWD1!= PWD2)
$(那)。addclasse(“errorc”);
$(那)。n?Chster()。HTML(“”两个密码输入不一致!“);
$(那)。n?Chster()。CSS(“显示”,“堵塞”);
除此以外
$(那)。RemoveClass(“errorc”);
$(那)。添加类(“checkedn”);
});

函数shuffle(){
'q','2','s','t','8th','v','7','X','是','z','一种','b','C','9','e','F','G','H','0','j','k','l','m','n','“,'p','3','r',
返回arr。排序(函数(){
});
混合 ();
var ar1 ='';
for(var i = 0; me<6; I ++){
}
$(“。reg-box。盗版“)。文字(AR1);
show_code();
show_code();
})();
//登录页面侧面
函数login_validate(){
reg =/^1[3|4|5|8][0-9]d{4,8}$ / i; //检查稳压吗?经常重新电话(11位数为7位数)
如果($(这)。val()==“|| $(此)。val()==“请输入您的帐户。“)
$(那)。addclasse(“errorc”);
“);
}
{
$(那)。n?Chster()。HTML(“帐户?nge是错的!
“);
}
{
$(那)。n?Chster()。HTML(“帐户不存在!“);
}
{
$(那)。RemoveClass(“errorc”);
}

reg =/^[@A-Za-z0-9!#$%^&*.~]{6,22}$ /;
如果($(这)。val()==“请输入密码){
$(那)。n?Chster()。HTML(“密码不能为空!
“);

{
$(那)。n?Chster()。html(“密码。gt 6?12位, 字母或特殊字符!
“);
除此以外
$(那)。添加类(“checkedn”);
$(那)。n?Chster()。空的 ();
});

var code1 = $('。Reg-Box输入。Phykey')。val()。tolowercase();
if(code1!= Code2)
$(那)。addclasse(“errorc”);
“);
}
{
$(那)。n?Chster()。n?Chster()。空的 ();
}
})();

功能leesyregister(){
$(“。reg-box。错误1,.reg-box。错误2,.reg-box。错误3,.reg-box。ERROR4“)。空的 ();
函数deptylogin(){
$(“。reg-box。错误5,.reg-box。错误6,.reg-box。ERROR7“)。空的 ();

注意:此JS代码包含?不仅是登录对话框的校验部分,实际上,还包括注册对话框的验证。

例如::注册对话框的效果卡是::

<k?rper>
<div class =“register_dialog_title”>
<p class =“dialog_close”>X</ P.>
</ div。>
<格式action =“”>
<li>
</李。>
<标签=“”>验证钥匙</礼仪><输入类型=“text”class =“sradd forekey”值=“请输入最佳收到?“style =”颜色为“onbrur =”教科书(此)“onfocus =”文本焦点(此)“/><Span-Class =“添加YZM”>发送最好的?离合器</ 跨度。><SPAN Class =“错误ERROR2”></ 跨度。>
<li>
</李。>
<标签=“”>密码最好?是</礼仪><输入类型=“密码”类=“电子邮件”值=“请输入密码, style =“颜色:#999;”Onblur =“”onfocus =“><Span-Class =“错误Error4”></ 跨度。>
</ UL.>
<输入类型=“发送”值=“立即注册”/>
</ div。>
</ 形式>
</ div。>

    公认, 您必须使用注册对话框,只需替换K中的内容?k?rpers。
JS和HTML零件很常见。
注意jquery。最低限度。js路径,这是你自己的当地方式。记住, 至 ?改变。

    在erg?NZ,公认, 你有风格吗?改变。它可以成为CSS部分吗?改变。

    你k?根据您的需求,ver?改变。

附上一些有用的核心?表达式。你k?以下律图?使用表达式,写一种丰富的形式:

1。身份证检查:

reg=/^(d{15}$|^d{18}$|^d{17}(d|X|x))$/;

2。检查手机号码:

reg=/^1[3|4|5|8][0-9]d{4,8}$ / i;

3.密码检查:

6?15位,没有r?包括。支持中国人, 字母, 数字, 强调和小数点

reg= /^([w._]|[一-龥]){6,15}$ /;

字母, 数字和特殊字符必须包含在密码中。至少8个字符,最多30个字符

reg= /(?=。*[0-9])(?=。*[a-za-z])(?=。*[^ a-za-z0-9])/;

4E邮件验证

reg=/^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-za-z0-9]{2,4})+ $ /;

5Gone中文

reg = / ^[u4e00-u9fa5],{0,}$ /

6。只需输入数字即可

Reg = / ^[0,9]{0,}$ /

 
   

   大家好,我是王渊厚老师,经过我们数年的研究念数疗法,去年2020年的4,5月份逐步内测到招募学员体验念数疗法,无数的学员在这个体验念数疗法的过程中因此受益,不管是财运问题,亲自教育问题,感情问题,事业问题,丢失的财务找回问题,猫猫狗狗宠物问题,身体健康问题,官非问题,减肥问题,甚至于机器坏掉的问题都通过念数疗法得到了很好的帮助或者解决!这里给大家展示部分的真实学员体验之后的反馈:

   

   

   

   

   

数字能量

   

数字能量

   

   
数字能量

   
数字能量

   
数字能量

   
数字能量

   
数字能量

   念数疗法顾名思义就是通过念阿拉伯数字就可以解决几乎百分之95的生活问题,对,你没有听错,保守估计是百分之95的问题,是纯绿色无污染高效简单的一种解决问题的学术体系!通过易学的起卦在不到一分钟的时间就可以开出数字配方给大家,你可以默念,手机录下来放在身边播放,读出声音,甚至别人带念都是可以的!相信说到这里还是很多朋友有点云里雾里!

   
数字能量

   那么现在,机会来了!从此刻开始,乐活学院将带领大家一起开启体验了解念数疗法!念数疗法公开课开始招募学员,

   
数字能量

   报名费:16.8元(原价319元)

   
数字能量

   报名名额:报名满319人后,立马恢复原价。

   
数字能量

   报名福利:

   
数字能量

   1、可以学习一堂原价319元的乐活念数疗法路演课(价值319元)。

   
数字能量

   2、可以免费体验一个一对一开方名额。(价值867元)。

   
数字能量

   报名时间:截止时间为5月12号晚上12点

   
数字能量

   开课时间:5月13号晚上7点31分

   
数字能量

   特别提醒之前参加过乐活念数疗法公开课的学员禁止参加。

   

   
数字能量

   想要报名学习的直接扫码微信或加微信号:smsz6688加入就可以了,加的时候一定要备注:报名念数,否则不通过,请理    

jquery表单验证相关文章