首页 产业 观察 点评 展会 新品 厂商 区块链 客户端
中国IT产经新闻 / 软件与安全
如何实现jquery表单验证以及注册表单验证具体流程如下
编辑:IT产经
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
网友评论[查看全部] 评论总数:0
    
    验证码:    
IT大杂汇 更多

随着《二十不惑》《三十而已》等电视剧的热播,不难看出90、95后的年轻一代基本进入婚育高峰期,并成为婴幼儿行业消费的主力军或预备军。   ...[详细]

点评(0)
更新时间:2020-09-03

2020年7月31日,在阵阵热烈的掌声中,简·学院首期师资内训圆满落下帷幕!本次培训为期20天,曲江加盟校的6名学员参与了本次学习。   &...[详细]

点评(0)
更新时间:2020-09-03
IT产经新闻
点评(0)
更新时间:2020-08-31

8月27日晚,国内造车新势力小鹏汽车在美国纽交所成功上市后,天猫庆祝小鹏汽车IPO成功, 同时聚划算宣布补贴小鹏汽车。 当晚,“聚划算百亿补...[详细]

点评(0)
更新时间:2020-08-28
热点聚焦更多
厂商动态更多
展会聚焦 更多
产业报告更多
网红经济更多
  • CopyRight @ 2008-2020 中国IT产经新闻网 All Right Reserved 违者必究 京备05618372