原理:

本文实例讲述了jQuery表单验证简单用法。分享给大家供大家参考,具体如下:

这几天一直在做一个表单验证的页面,为了达到友好界面,特意去抄了360buy的页面,模仿写了一个页面

数据解读 ,就是验证表单里面所信息都为必填

也列举出部分HTML代码

//注册页面验证机制$.focus{ //用focus()表单,当光标在输入框的时候执行下面的代码 $.removeClass; $.removeClass.removeClass $.addClass.html("学号必须由11位数字组成。如:104084002xx"); $.addClass;$.blur表单,当光标离开输入框的时候执行下面的代码 $value = $.trim; //去掉输入数据左右的空格 if { $.addClass.html.addClass; return false; } else { $.removeClass; $.removeClass; if { if { $.addClass; $.removeClass; $.removeClass return true; } $.addClass.html.addClass; return false; } $.addClass.html.addClass; return false; }});
*学号: //如果符合要求这里就添加SUCCEED样式。否则隐藏 //清除浮动  //如果不符合要求就现在focus样式。

希望本文所述对大家jQuery程序设计有所帮助。

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

其他的输入框的验证都是依样画葫芦。没什么难点了。

jQuery表单验证简单示例-Web前端之家。上面就是JQUERY部分代码,就进行了,对学号的现在和效果显示。下面是用到的样式的代码清单

.highlight1{ border:1px solid #EFA100; outline:2px solid #FFDC97;}.highlight2{ border:1px solid #f00; outline:1px solid #FFC1C1; color:#f00;}.focus{ color:#999; line-height:22px; text-align:center;}.succeed{ background:url(images/pwdstrength.gif) no-repeat -105px 0;}

就是添加CLASS和移除CLASS。达到效果。

jquery 表单验证

这样就完成了对输入学号字段的验证。效果友好。

相关文章

网站地图xml地图