jQuery 的表单验证之提交验证
当提交的时候才会去验证,下一篇将介绍单个自动验验
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>验证表单</title>
<style type="text/css">
.error{color:red;}
</style>
<script type="text/javascript" src="misc/js/jquery.min.js"></script>
<script type="text/javascript" src="misc/js/jquery.form.js"></script>
<script type="text/javascript" src="misc/js/jquery.validate.js"></script>
<script type="text/javascript">
$(function(){
$("#validataForm").validate();
})
</script>
</head>
<body>
<form id="validataForm" action="">
<div>
<label for="cname" >用户名</label>
<input type="text" name="cname" />
<label class="error" for="cname">必须不为空</label>
</div>
<div>
<label for="cemail">邮箱</label>
<input type="text" name="cemail" />
<label class="error" for="cemail">请输入正确的邮箱地址</label>
</div>
<div>
<label for="curl">个人主页</label>
<input type="text" name="curl" />
<label class="error" for="curl">请输入正确的url地址</label>
</div>
<div><input type="submit" /></div>
</form>
</body>
</html>
jQuery 的表单验证之提交验证相关推荐
- 基于spring自动注入及AOP的表单二次提交验证
2019独角兽企业重金招聘Python工程师标准>>> 这几天在网上闲逛,看到了几个关于spring的token二次提交问题,受到不少启发,于是自己动手根据自己公司的项目框架结构,制 ...
- jquery --- 阻止表单默认的提交行为,标准化表单的数据
表单如下: // .html <form id="topics_new_form" method="post" action="/topics/ ...
- php jq 提交表单验证,jQuery EasyUI 表单 – 表单验证 | 菜鸟教程
jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 v ...
- html用JQuery自定义表单验证。
首先来看看我的表单: html部分: <body><form method="post" action=""><div class ...
- 基于jQuery的表单验证插件:jValidate
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼 ...
- html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
- Jquery.Validation表单验证
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 在线文档:http://docs.jquery.com/Plug ...
- jQuery的表单验证
jQuery的表单验证 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
- JQuery实现表单验证(注册页面)
注册页面功能实现: 验证会员名密码不能为空或者包含空格,并且保证长度至少6位 验证邮箱符合规则,并且不能为空 重复密码要与密码一致 1.页面的样式 <form action="#&qu ...
- form表单的多种提交方式及提交前验证
以下是本人总结处来的一些form的提交方式,网上还有别的提交方式,这里我总结了大小分为7类,其实就是三类的提交方式,若有哪里不对的,还请评论指出来,大家一起学习学习 1.无任何验证提交(最普通的提交) ...
最新文章
- 基础篇9-python基本数据结构-列表
- 搜集来的命令集合,挺好的
- OpenGL Sample Rate Shading采样率阴影的实例
- MongoDB for PHP扩展操作类
- 2022年文化潮流趋势报告
- POJ3414 Pots —— BFS + 模拟
- 容器平台选型的十大模式:Docker、DC/OS、K8S 谁与当先?
- android 百度地图无法显示,Android Studio中使用百度地图API,不显示地图的问题解决办法...
- imx6ull设备树
- STM32F1系列简单介绍及入门学习
- try固定搭配_英语词汇:regret cease try等词的固定搭配用法
- 【JZOJ A组】Melancholy
- 软件测试的功能测试和性能测试,软件测试中的功能测试和性能测试
- 学 C 语言,最经典的书有这样几本
- 查找原始MySQL死锁ID 笔记
- keras之父《python深度学习》笔记 第六章
- 爬虫学习实践(1)——我的第一个小爬虫
- 《数据结构(C语言版)》严巍敏课件~第二章:线性表
- 克拉拉新作品《深爱》七夕上映,独立洒脱实力诠释职场女性
- css控制文字圆弧度排列,如何用css实现弧度圆角?三角形以及圆形
热门文章
- Docker 下载安装 Docker 配置镜像加速器
- 最佳 Maya 免费建模插件!
- 【Transformer】继续学习:Attention,Self-Attention,Multi-head Attention。
- nginx上传文件大小报错500
- Java语言每日一练—第10天:谁是胖子
- 我的电脑被谁远程登陆过?怎么查看电脑远程登陆日志?
- ICCV2021:Structure-Preserving Deraining with Residue Channel Prior Guidance
- ps抠出图像的透明阴影
- 核芯基站_更新CLE版本
- 计算机学校属于什么学历,技校毕业是什么学历 技校属于什么文凭