首页 / 车尚生活 / 正文

jquery表单验证非常重要能使表单更加灵活美观和丰富

来源:
编辑:亿尚风范
时间:2023-10-23

表单(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. 当用户点击注册按钮时如果以上表单信息都符合要求,弹出提示框,告诉用户表单符合要求,否则提示用户表单有误。(代码正确、思路清晰、效果符合要求)

时尚头条换一换
时尚电商换一换
热点摘要换一换
  • CopyRight @ 2005-2023 Reserved 亿尚网版权所有,所涉内容请查询声明细则