JavaScript通用表单验证函数
2005-11-07 15:25
681 查看
表单定义:
<form name="form1" action="" style="behavior:url('form.htc')"></form>
客户端表单验证是由表单的onSubmit事件触发,由于表单的onSubmit事件只能由提交按钮触发,
所以如果要用函数提交表单form1.submit(),则必须同时执行form1.onSubmit()。
类型定义:
一、整型(int)
定义:
valueType="int"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
举例:
<input type="text" name="test" valueType="int" objName="总载重吨" mustInput="true" maxInput="10000">
二、浮点型(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">
三、字符串(string)
定义:
valueType="string"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
stringLen 字符串长度(数字)
举例:
<input type="text" name="test" valueType="string" objName="英文船名" mustInput="true" stringLen="100">
四、日期(date)
定义:
valueType="date"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="date" objName="开始日期" mustInput="true">
备注:
日期现在只能校验的格式为(yyyy-mm-dd)
五、邮箱(email)
定义:
valueType="email"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="email" objName="邮箱" mustInput="true">
六、单选(radio)
定义:
valueType="radio"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<input type="radio" name="test" valueType="radio" objName="租船方式" mustSelect="true">
备注:
对于同一组单选按钮,只需要定义第一个即可。
七、复选(checkbox)
定义:
valueType="checkbox"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<input type="checkbox" name="test" valueType="checkbox" objName="爱好" minSelect="2" maxSelect="5">
备注:
对于同一组复选按钮,只需要定义第一个即可。
八、下拉列表框(select)
定义:
valueType="select"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<select name="test" valueType="select" objName="租船方式" mustSelect="true">
九、列表框(list)
定义:
valueType="list"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<select name="test" valueType="list" objName="爱好" minSelect="2" maxSelect="5">
/////////////////////////////////////////////////////////////////////////////////////////////////////////
<!-- ---------------------------------------------------------------------
//
// File: form.htc
// version: 1.0
// Description:客户端表单验证.
// author: 伍子
//
//-------------------------------------------------------------------- -->
<PUBLIC:COMPONENT id="formCheck" urn="wwb:formCheck">
<PUBLIC:ATTACH EVENT="onsubmit" ONEVENT="checkForm()"/>
<script language="JavaScript">
function checkForm()
function checkInt(ele)
function checkFloat(ele)
function checkString(ele)
function checkDate(ele)
function checkEmail(ele)
function checkRadio(ele)
function checkBox(ele)
function checkSelect(ele)
function checkList(ele)
function isInt(s)
function isNumber(s)
function isDate(str)
function isEmail(str)
function convertNullToSpace(paramValue)
function checkDecimal(num,decimalLen)
function trim(str)
</script>
</PUBLIC:COMPONENT>
<form name="form1" action="" style="behavior:url('form.htc')"></form>
客户端表单验证是由表单的onSubmit事件触发,由于表单的onSubmit事件只能由提交按钮触发,
所以如果要用函数提交表单form1.submit(),则必须同时执行form1.onSubmit()。
类型定义:
一、整型(int)
定义:
valueType="int"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
举例:
<input type="text" name="test" valueType="int" objName="总载重吨" mustInput="true" maxInput="10000">
二、浮点型(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">
三、字符串(string)
定义:
valueType="string"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
stringLen 字符串长度(数字)
举例:
<input type="text" name="test" valueType="string" objName="英文船名" mustInput="true" stringLen="100">
四、日期(date)
定义:
valueType="date"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="date" objName="开始日期" mustInput="true">
备注:
日期现在只能校验的格式为(yyyy-mm-dd)
五、邮箱(email)
定义:
valueType="email"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="email" objName="邮箱" mustInput="true">
六、单选(radio)
定义:
valueType="radio"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<input type="radio" name="test" valueType="radio" objName="租船方式" mustSelect="true">
备注:
对于同一组单选按钮,只需要定义第一个即可。
七、复选(checkbox)
定义:
valueType="checkbox"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<input type="checkbox" name="test" valueType="checkbox" objName="爱好" minSelect="2" maxSelect="5">
备注:
对于同一组复选按钮,只需要定义第一个即可。
八、下拉列表框(select)
定义:
valueType="select"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<select name="test" valueType="select" objName="租船方式" mustSelect="true">
九、列表框(list)
定义:
valueType="list"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<select name="test" valueType="list" objName="爱好" minSelect="2" maxSelect="5">
/////////////////////////////////////////////////////////////////////////////////////////////////////////
<!-- ---------------------------------------------------------------------
//
// File: form.htc
// version: 1.0
// Description:客户端表单验证.
// author: 伍子
//
//-------------------------------------------------------------------- -->
<PUBLIC:COMPONENT id="formCheck" urn="wwb:formCheck">
<PUBLIC:ATTACH EVENT="onsubmit" ONEVENT="checkForm()"/>
<script language="JavaScript">
function checkForm()
function checkInt(ele)
function checkFloat(ele)
function checkString(ele)
function checkDate(ele)
function checkEmail(ele)
function checkRadio(ele)
function checkBox(ele)
function checkSelect(ele)
function checkList(ele)
function isInt(s)
function isNumber(s)
function isDate(str)
function isEmail(str)
function convertNullToSpace(paramValue)
function checkDecimal(num,decimalLen)
function trim(str)
</script>
</PUBLIC:COMPONENT>
相关文章推荐
- JavaScript通用表单验证函数
- javascript通用表单的验证函数
- JS通用表单验证函数,基于javascript正则表达式
- Javascript通用表单的验证函数
- 通用表单验证函数 - FormCheck JavaScript Function
- JS通用表单验证函数,基于javascript正则表达式
- JavaScript通用表单验证函数
- JS通用表单验证函数,基于javascript正则表达式
- JS通用表单验证函数,基于javascript正则表达式
- JavaScript通用表单验证函数(1)
- JS通用表单验证函数,基于javascript正则表达式 最近工作比较忙
- JavaScript通用表单验证函数
- javascript实现通用表单验证函数
- JS通用表单验证函数,基于javascript正则表达式http://www.ccvita.com/60.html
- JS通用表单验证函数,基于javascript正则表达式(IE下)
- JavaScript - JavaScript通用表单验证函数(实例)
- 通用表单验证函数 - FormCheck JavaScript Function
- javascript实现通用表单验证函数
- JS通用表单验证函数,基于javascript正则表达式 [转]
- JavaScript通用表单验证函数