📄 通用表单验证函数 - fanqiang_com.htm
字号:
GoBack(els[i])
<BR>
return
false;<BR>
}<BR>
}<BR> }<BR>}</P>
<P>//通用取值函数分三类进行取值<BR>//文本输入框,直接取值el.value<BR>//单多选,遍历所有选项取得被选中的个数返回结果"00"表示选中两个<BR>//单多下拉菜单,遍历所有选项取得被选中的个数返回结果"0"表示选中一个<BR>function
GetValue(el)<BR>{<BR>
//取得表单元素的类型<BR> var sType =
el.type;<BR> switch(sType)<BR>
{<BR> case
"text":<BR> case
"hidden":<BR> case
"password":<BR> case
"file":<BR> case
"textarea": return
el.value;<BR> case
"checkbox":<BR> case
"radio": return
GetValueChoose(el);<BR>
case "select-one":<BR>
case "select-multiple": return
GetValueSel(el);<BR> }<BR>
//取得radio,checkbox的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数<BR>
function GetValueChoose(el)<BR>
{<BR> var sValue =
"";<BR>
//取得第一个元素的name,搜索这个元素组<BR>
var tmpels =
document.getElementsByName(el.name);<BR>
for(var
i=0;i<tmpels.length;i++)<BR>
{<BR>
if(tmpels[i].checked)<BR>
{<BR>
sValue +=
"0";<BR>
}<BR>
}<BR> return
sValue;<BR> }<BR>
//取得select的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数<BR>
function GetValueSel(el)<BR>
{<BR> var sValue =
"";<BR> for(var
i=0;i<el.options.length;i++)<BR>
{<BR>
//单选下拉框提示选项设置为value=""<BR>
if(el.options[i].selected &&
el.options[i].value!="")<BR>
{<BR>
sValue +=
"0";<BR>
}<BR>
}<BR> return
sValue;<BR> }<BR>}</P>
<P>//通用返回函数,验证没通过返回的效果.分三类进行取值<BR>//文本输入框,光标定位在文本输入框的末尾<BR>//单多选,第一选项取得焦点<BR>//单多下拉菜单,取得焦点<BR>function
GoBack(el)<BR>{<BR>
//取得表单元素的类型<BR> var sType =
el.type;<BR> switch(sType)<BR>
{<BR> case
"text":<BR> case
"hidden":<BR> case
"password":<BR> case
"file":<BR> case
"textarea": el.focus();var rng = el.createTextRange();
rng.collapse(false);
rng.select();<BR> case
"checkbox":<BR> case
"radio": var els =
document.getElementsByName(el.name);els[0].focus();<BR>
case "select-one":<BR>
case "select-multiple":el.focus();<BR> }<BR>}</P>
<P> </P>
<P><BR>demo.htm 演示文件</P>
<P><script language="JavaScript"
src="Check.js"></script><BR>通用表单函数测试:<BR><form
name="form1" onsubmit="return CheckForm(this)"><BR>test:<input
type="text" name="test">不验证<br><BR>账号:<input type="text"
check="^S+$" warning="账号不能为空,且不能含有空格"
name="id">不能为空<br><BR>密码:<input type="password"
check="S{6,}" warning="密码六位以上"
name="id">六位以上<br><BR>电话:<input type="text" check="^d+$"
warning="电话号码含有非法字符" name="number"
value=""><br><BR>相片上传:<input type="file"
check="(.*)(.jpg|.bmp)$" warning="相片应该为JPG,BMP格式的" name="pic"
value="1"><br><BR>出生日期:<input type="text"
check="^d{4}-d{1,2}-d{1,2}$" warning="日期格式2004-08-10"
name="dt" value="">日期格式2004-08-10<br><BR>省份:<BR><select
name="sel" check="^0$" warning="请选择所在省份"><BR><option
value="">请选择<BR><option value="1">福建省<BR><option
value="2">湖北省<BR></select><BR><br><BR>选择你喜欢的运动:<br><BR>游泳<input
type="checkbox" name="c" check="^0{2,}$"
warning="请选择2项或以上"><BR>篮球<input type="checkbox"
name="c"><BR>足球<input type="checkbox"
name="c"><BR>排球<input type="checkbox"
name="c"><BR><br><BR>你的学历:<BR>大学<input type="radio"
name="r" check="^0$" warning="请选择一项学历"><BR>中学<input
type="radio" name="r"><BR>小学<input type="radio"
name="r"><BR><br><BR>个人介绍:<BR><textarea name="txts"
check="^[s|S]{20,}$"
warning="个人介绍不能为空,且不少于20字"></textarea>20个字以上<BR><input
type="submit"><BR></form></P><!-- 正文end --><BR>(http://www.fanqiang.com)<BR></FONT><BR><FONT
color=#999999><SMALL>原文链接：<A href="http://blog.itpub.net/lcsky"
target=_blank>http://blog.itpub.net/lcsky</A></SMALL></FONT>
<BR></FONT></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=750 border=0>
<TBODY>
<TR>
<TD align=middle width=620>
<TABLE cellSpacing=0 cellPadding=0 width=562 border=0>
<TBODY>
<TR>
<TD width=562>
<TABLE cellSpacing=0 cellPadding=0 width=562 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD class=f14 bgColor=#666666><B><FONT color=#ffffff
size=2> <B>相关文章</B></FONT></B></TD></TR>
<TR>
<TD
class=f14><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=10></TD></TR></TBODY></TABLE><!--结束：底部-->
<TABLE width=750 border=0>
<TBODY>
<TR>
<TD width="100%" bgColor=#d09f0d colSpan=5 height=2><IMG height=1
src="通用表单验证函数 - fanqiang_com.files/c.gif" width=1></TD></TR>
<TR>
<TD vAlign=top width="100%" colSpan=5 height=40>
<P align=center><FONT
color=#ffffff>★ 感谢所有的作者为我们学习技术知识提供了一条捷径 ★
<BR>www.fanqiang.com</FONT></P></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TR></TBODY></TABLE></CENTER></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -