表单提交的验证

 

一 应用
提交表单时,通过onsubmit事件来判断表单中是否有空文本框,如果有,则不允许提交,并通过表单的onreset事件将表单中的文本框清空,以便重新输入信息。
 
二 代码
<table width="487" height="333" border="0" align="center" cellpadding="0" cellspacing="0" background="bg.JPG">
 <tr>
 <td align="center" valign="top"><br>
 <br>
 <br>
 <br> <br> <table width="86%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#6699CC">
 <form name="form1" onReset="return AllReset()" οnsubmit="return AllSubmit()">
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">所属类别:</td>
 <td height="22" align="left">  
 <select name="txt1" id="txt1">
 <option value="数码设备">数码设备</option>
 <option value="家用电器">家用电器</option>
 <option value="礼品工艺">礼品工艺</option>
 </select>
 <select name="txt2" id="txt2">
 <option value="数码相机">数码相机</option>
 <option value="打印机">打印机</option>
 </select></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">商品名称:</td>
 <td height="22" align="left"><input name="txt3" type="text" id="txt3" size="30" maxlength="50"></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">会员价:</td>
 <td height="22" align="left"><input name="txt4" type="text" id="txt4" size="10"></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">提供厂商:</td>
 <td height="22" align="left"><input name="txt5" type="text" id="txt5" size="30" maxlength="50"></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">商品简介:</td>
 <td height="22" align="left"><textarea name="txt6" cols="35" rows="4" id="txt6"></textarea></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" align="right">商品数量:</td>
 <td height="22" align="left"><input name="txt7" type="text" id="txt7" size="10"></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td height="22" colspan="2" align="center"><input name="sub" type="submit" id="sub2" value="提交">
&nbsp;
 <input type="reset" name="Submit2" value="重 置"></td>
 </tr>
 </form>
 </table></td>
 </tr>
</table>
<script language="javascript">
<!--
function AllReset()
{
 if (window.confirm("是否进行重置?"))  //弹出提示框
 return true;
 else
 return false;
}
function AllSubmit()
{
 var T=true;
 var e=window.event;
 var obj=e.srcElement;
 for (var i=1;i<=7;i++) //按指定名称遍历表单中的控件
 {
 if (eval("obj."+"txt"+i).value=="") //判断当前控件的值是否为空
 {
 T=false;
 break;  //退出本次循环
 }
 }
 if (!T)  //当表单中的控件有空值时
 {
 alert("提交信息不允许为空");
 }
 return T; //返回布尔型值
}
//-->
</script>
 
 
三 运行结果
图7_19.png
  • 大小: 11.9 KB
提交表单常用的验证 readOnly:字段是否只读,默认为false maxLength:字段允许输入的最大长度 minLength:字段允许输入的最小长度 vtype:验证类型的名字 alpha:限制只能输入字母 alphanum:限制只能输入字母和数字 email:验证email格式 url:验证url格式 editable:下拉框是否可编辑,默认为true disabled:控件是否可用,默认为false regex:正则表达式 匹配特定数字: ^[1-9]\d*$    //匹配正整数 ^-[1-9]\d*$   //匹配负整数 ^-?[1-9]\d*$   //匹配整数 ^[1-9]\d* ¦0$  //匹配非负整数(正整数 + 0) ^-[1-9]\d* ¦0$   //匹配非正整数(负整数 + 0) ^[1-9]\d*\.\d* ¦0\.\d*[1-9]\d*$   //匹配正浮点数 ^-([1-9]\d*\.\d* ¦0\.\d*[1-9]\d*)$  //匹配负浮点数 ^-?([1-9]\d*\.\d* ¦0\.\d*[1-9]\d* ¦0?\.0+ ¦0)$  //匹配浮点数 匹配特定字符串: ^[A-Za-z]+$  //匹配由26个英文字母组成的字符串 ^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$  //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串 ^\w+$  //匹配由数字、26个英文字母或者下划线组成的字符串 常用验证: /n[/s|]*/r //匹配空行的正则表达式 匹配空行的正则表达式\d{15} ¦\d{18} //身份证验证 15或18位 [1-9]\d{5}(?!\d) //邮政编码 6位 ^[a-zA-z]+://[^\s]*  //url [\u4e00-\u9fa5] //匹配中文字符 ^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$    //email地址 \d{3}-\d{8} ¦\d{4}-\d{7} //电话号码验证,如:0511-4405222 或 021-87888822
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值