首页 网尚 潮流 生活 网红 智家 车尚 潮机 酷码 影娱 移动客户端
如何实现jquery表单验证以及注册表单验证具体流程如下
来源:亿尚网
作者:亿尚网编辑
时间:2020-09-15

表单(form)作为 HTML 最重要的一个组成部分,几乎在每个网页上都有体现,例如用户提交信息、用户反馈信息和用户查询信息等,因此它是网站管理者与浏览者之间沟通的桥梁。在表单中,表单验证的作用也是非常重要的,它能使表单更加灵活、美观和丰富。


如何用jquery进行表单验证:
       (1)所需工具: jQuery.1.8.3.js和jquery.validate.js,百度jquery validate插件即可找到下载。
       (2)引入js<script src="jQuery.1.8.3.js" type="text/javascript"></script>    <script src="jquery.validate.js" type="text/javascript"></script>。
       (3)按照插件的配置规则进行配置
       jquery实现注册表单验证:
       1.  完成页面布局(页面布局合理、样式和图片一致、代码无误各)
       2. 用jquery验证Email地址是否有效,要求Email地址中必须包含@符号,如果Email地址有效则显示”正确”的图标,并在图标后面提示用户可用,否则在Email注册框后面显示”错误”的图标,图标后面提示用户Email错误。
       3. 在设置昵称框中要求用户输入的昵称必须大于四个字符(其他验证不做要求),当用户输入正确的昵称时在其输入框后面提示用户输入正确,否则提示用户输入信息错误。(代码无误,效果符合要求)
       4. 在设置密码一栏中要求用户输入密码长度不能低于6位(其他不做要求),用户输入符合要求则提示用户密码可用,否则提示用户密码不可用。(代码无误,效果符合要求)
       5. 在再次输入用户密码框中要求用户密码要和第一次输入的密码相同,两次密码输入一样提示用户密码输入正确,否则提示用户两次密码不一致。(代码无误、效果符合要求)
       6. 当用户点击注册按钮时如果以上表单信息都符合要求,弹出提示框,告诉用户表单符合要求,否则提示用户表单有误。(代码正确、思路清晰、效果符合要求)

网友评论文明上网理性发言,请遵守新闻评论服务协议
(查看全部 0 条评论)
 
验证码:  
网尚生活E尚综合

  “99公益日”是腾讯公益联合数千家公益慈善类组织、知名企业、明星名人、爱...[详细] 评论(0)  

  “未来10年,是互联网创造新品牌的10年!”   9月10日,淘宝天猫总裁蒋凡在2020年天猫新品牌发布会上表示,中国整体商业的数字化会进一步加速,新消费品牌的崛起是中国...[详细]

导读:编辑整理 2020-09-14阅读全文>>

directx_jun2010_redist.exe是directx 2010组件的原文件名,也称之为directx jun2010 redist,是由微软公司创建的多媒体编程接口,本软件解压帮助用户实现高清晰的图像显示效果...[详细]

导读:编辑整理 2020-09-09阅读全文>>
网罗推荐
电商国际
品牌乐享
电商经济
CopyRight @ 2005-2020 Reserved 亿尚网版权所有尊重原创禁止抄袭违者必究