本文主要是介绍通用表单验证函数-改进版(修正原作两处错误,改进日期验证精准至yy-mm-dd hh:mm:ss),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、用法简介:
表单验证函数放在了functions.js文件里了,在你所需要做验证的网页文件里,包含该脚本文件。
对于焦点失去验证,为表单控件的onBlur事件绑定相应的验证函数,用法如下:
整型 checkNumber()
浮点型 checkNumber()
字符串 checkString()
日期 checkDate()
邮箱 checkEmail()
示例 onBlur="checkNumber()"
对于表单提交验证,在表单提交前进行判断,用法如下:
if(checkForm('表单名称'))
{
表单名称.submit();
return true;
}
else
{
return false;
}
也可以绑定表单onSubmit事件,用法如下:
onSubmit="return checkForm('表单名称')"
二、类型定义:
1、整型(int)
定义:
valueType="int"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
举例:
<input type="text" name="test" valueType="int" objName="总载重吨" mustInput="true" maxInput="10000">
2、浮点型(float)
定义:
valueType="float"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
decimalLen小数位数(数字)
举例:
<input type="text" name="test" valueType="float" objName="运价" mustInput="true" maxInput="10000.50" decimalLen="2">
3、字符串(string)
定义:
valueType="string"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
stringLen 字符串长度(数字)
举例:
<input type="text" name="test" valueType="string" objName="英文船名" mustInput="true" stringLen="100">
4、日期(date)
定义:
valueType="date"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="date" objName="开始日期" mustInput="true">
备注:
日期现在只能校验的格式为(yyyy-mm-dd)
5、邮箱(email)
定义:
valueType="email"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="email" objName="邮箱" mustInput="true">
6、单选(radio)
定义:
valueType="radio"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<input type="radio" name="test" valueType="radio" objName="租船方式" mustSelect="true">
备注:
对于同一组单选按钮,只需要定义第一个即可。
7、复选(checkbox)
定义:
valueType="checkbox"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<input type="checkbox" name="test" valueType="checkbox" objName="爱好" minSelect="2" maxSelect="5">
备注:
对于同一组复选按钮,只需要定义第一个即可。
8、下拉列表框(select)
定义:
valueType="select"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<select name="test" valueType="select" objName="租船方式" mustSelect="true">
9、列表框(list)
定义:
valueType="list"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<select name="test" valueType="list" objName="爱好" minSelect="2" maxSelect="5">
10、密码(password)
定义:
valueType="password"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minLen 最小值(数字)
maxLen 最大值(数字)
举例:
<input name="test" valueType="password" objName="密码" minLen="2" maxLen="5">
functions.js在这里:http://www.swsky.cn/article.asp?id=71
这篇关于通用表单验证函数-改进版(修正原作两处错误,改进日期验证精准至yy-mm-dd hh:mm:ss)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!