表单验证属性（SpringMVC自带的表单验证功能）

本文目录

• SpringMVC自带的表单验证功能
• HTML5 表单多条件验证问题
• 如何用jquery进行表单验证
• 什么是表单验证

SpringMVC自带的表单验证功能

可以的，只要每个对象的属性名不相同，在页面中给input名name的时候和对象的属性对应就可以了，前提是没个对象的属性名字不重复，在后台方法中接收的时候，方法中的参数直接可以写成对象就可以了，会自动把对应的属性封装到相应的对象 中去的，springMVC就是这么只能，呵呵。希望满意

HTML5 表单多条件验证问题

1.输入型控件Input type 用途 说明email 电子邮件地址文本框url 网页URL文本框number 数值的输入域 属性 值 描述max number 规定允许的最大值min number 规定允许的最小值step number 规定合法的数字间隔（如果 step=“3“，则合法的数是 -3,0,3,6 等）value number 规定默认值range 特定值的范围的数值，以滑动条显示 属性 值 描述max number 规定允许的最大值min number 规定允许的最小值step number 规定合法的数字间隔（如果 step=“3“，则合法的数是 -3,0,3,6 等）value number 规定默认值Date pickers 日期，时间选择器 仅Opera9+支持，包含date, month, week, time, datetime, datetime-localsearch 用于搜索引擎，比如在站点顶部显示的搜索框 与普通文本框用法一样，只不过这样更语文化color 颜色选择器 仅Opera支持将原本type为text的input控件声明为以上特殊类型，是为了给用户呈现不同的输入界面（移动平台上支持这些不同的输入界面，这里就不细说），而且表单提交时会对其值做进一步的验证。下面展示这些新表单元素，请用支持这些表单元素的浏览器查看，IE对其支持最差。E-mail: date:range: number: color: 2. 表单新特性和函数2.1 placeholder当用户还没有输入值时，输入型控件可能通过placeholder向用户显示描述性说明文字或者提示信息，这在目前网站中很常见，一些JS框架都会提供类似功能，简单的说下在旧版本中常用的解决方案，为输入控件创建一个label，然后通过CSS控制些label的位置使之覆盖在输入控件上面，当label获得焦点时，浏览器会把焦点指向输入控件。不过有了placeholder，新的浏览器就内置了这一功能，其特性值会以浅灰色样式显示在输入框中，当输入框获得焦点并有值后，该提示信息自动消失。如：《p》《label for=“runnername“》Runner:《/label》 《input id=“runnername“name=“runnername“ type=“text“ placeholder=“First and last name“ /》 《/p》Runner: 2.2 autocomplete其实在IE6中,autocomplete就已经实现，不过现在这一特性终于标准化了，浏览器通过autocomplete特性能够知晓是否应该保存输入值以备将来使用，autocomplete应该用一保护用户敏感数据，避免本地浏览器对它们进行不安全的存储。类型 作用on 该字段无需保护，值可以被保存和恢复off 该字段需要保护，值不可以保存unspecified 包含《form》的默认设置，如果没有被包含在表单中或没有指定值，则行为表现为on如：《form action=““ method=“get“ autocomplete=“on“》Name:《input type=“text“ name=“name“ /》《br /》E-mail: 《input type=“email“ name=“email“ autocomplete=“off“ /》《br /》《input type=“submit“ /》《/form》当用户提交过一次表单后，再次访问，name的输入框会提示你曾输入的值，而email则不会提示。2.3 autofocus页面载入时，我们通过autofocus指定某个表单元素获得焦点，但每个页面只允许出现一个autofocus，如果设置多个则相当于未指定些行为。目前Opera10,Chromet和Safari浏览器支持。如果用户有希望焦点转移的情况下，使用使用autofocus会惹恼用户。2.5 list特性和datalist通过使用list，开发人员能够为某个输入型控件构造一个选值列表，其使用方法：Webpage: 《input type=“url“ list=“url_list“ name=“link“ /》《datalist id=“url_list“》 《option label=“W3School“ value=“目前任何表单元素都有八种可能的验证约束条件：名称 用途 用法valueMissing 确保控件中的值已填写 将required属性设为true，《input type=“text“required=“required“/》typeMismatch 确保控件值与预期类型相匹配 《input type=“email“/》patternMismatch 根据pattern的正则表达式判断输入是否为合法格式 《input type=“text“ pattern=“{12}“/》toolong 避免输入过多字符 设置maxLength，《textarea id=“notes“ name=“notes“ maxLength=“100“》《/textarea》rangeUnderflow 限制数值控件的最小值 设置min，《input type=“number“ min=“0“ value=“20“/》rangeOverflow 限制数值控件的最大值 设置max，《input type=“number“ max=“100“ value=“20“/》stepMismatch 确保输入值符合min,max,step的设置 设置max min step，《input type=“number“ min=“0“ max=“100“ step=“10“ value=“20“/》customError 处理应用代码明确设置能计算产生错误 例如验证两次输入的密码是否一致，等会DEMO细说下面展现浏览器自带的验证功能请在Chrome、Opera或Firefox中查看：源代码：《form name=“register1“ id=“register1“》 《p》《label for=“runnername“》RunnerName:《/label》 《input id=“runnername“name=“runnername“ type=“text“ placeholder=“First and last name“ required=“required“ autofocus=“autofocus“/》 《/p》 《p》《label for=“phone“》Tel #:《/label》 《input id=“phone“ name=“phone“ type=“text“ pattern=“\d{3}-\d{4}-\d{4}“ placeholder=“xxx-xxxx-xxxx“/》《/p》 《p》《label for=“emailaddress“》E-mail:《/label》 《input id=“emailaddress“ name=“emailaddress“ type=“email“ placeholder=“For confirmation only“/》《/p》 《p》《label for=“dob“》DOB:《/label》 《input id=“dob“ name=“dob“ type=“date“ placeholder=“MM/DD/YYYY“/》《/p》 《p》Count:《input type=“number“ id=“count“ name=“count“ min=“0“ max=“100“ step=“10“/》《/p》 《p》《label for=“style“》Shirt style:《/label》 《input id=“style“ name=“style“ type=“text“ list=“stylelist“ title=“Years of participation“ autocomplete=“off“/》《/p》 《datalist id=“stylelist“》 《option value=“White“ label=“1st Year“/》 《option value=“Gray“ label=“2nd - 4th Year“/》 《option value=“Navy“ label=“Veteran (5+ Years)“/》 《/datalist》 《fieldset》 《legend》Expectations:《/legend》 《p》 《label for=“confidence“》Confidence:《/label》 《input id=“confidence“ name=“level“ type=“range“ onchange=“setConfidence(this.value)“ min=“0“ max=“100“ step=“5“ value=“0“/》 《span id=“confidenceDisplay“》0%《/span》《/p》 《p》《label for=“notes“》Notes:《/label》 《textarea id=“notes“ name=“notes“ maxLength=“100“》《/textarea》《/p》 《/fieldset》 《p》《input type=“submit“ name=“register“ value=“Submit“ onclick=“ checkForm()“/》《/p》 《/form》

如何用jquery进行表单验证

第一步：导入jquery.metadata.js和jquery.validate.js。第二步：在提交表单上加属性id=“tempForm“。第三步：将提交按钮改为type=“button“，且加入onclick=“submitForm()“属性。第四步：在script中加入方法submitForm。function submitForm() { if($(“#tempForm“).valid()) { $(“#tempForm“).submit(); } }第五步：加入验证代码，格式如下：$(function() { $(“#tempForm“).validate({ rules: { “cost.costMoney“: { required: true, number: true, maxlength:18 } }, messages: { “cost.costMoney“: { required: “《font color=’red’》成本金额不能为空《/font》“, number: “《font color=’red’》成本金额必须为数字《/font》“, maxlength:“《font color=’red’》成本金额长度不能大于18《/font》“ } } }); });6第六步：打开浏览器查看表单验证效果。

什么是表单验证

我这有个表单验证的CHM文件我MAIL给你吧.留下你的MAIL表单的验证一直是网页设计者头痛的问题，表单验证类 Validator就是为解决这个问题而写的，旨在使设计者从纷繁复杂的表单验证中解放出来，把精力集中于网页的设计和功能上的改进上。 Validator是基于JavaScript技术的伪静态类和对象的自定义属性，可以对网页中的表单项输入进行相应的验证，允许同一页面中同时验证多个表单，熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类，所以在调用时不需要实例化，直接以“类名+.语法+属性或方法名“来调用。此外，Validator还提供3种不同的错误提示模式，以满足不同的需要。 Validator目前可实现的验证类型有： 1.是否为空；2.中文字符；3.双字节字符4.英文；5.数字；6.整数；7.实数；8.Email地址；9.使用HTTP协议的网址；10.电话号码；11.货币；12.手机号码；13.邮政编码；14.身份证号码；15.QQ号码；16.日期；17.符合安全规则的密码；18.某项的重复值；19.两数的关系比较；20.判断输入值是否在(n, m)区间；21.输入字符长度限制(可按字节比较)；22.对于具有相同名称的单选按钮的选中判断；23.限制具有相同名称的多选按钮的选中数目；24.自定义的正则表达式验证； 运行环境(客户端)： 在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过；在Lunix RedHat 9下的Netscape测试通过；