一 应用
提交表单时,通过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()" onsubmit="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="提交"> <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
相关推荐
表单提交验证类表单提交验证类表单提交验证类表单提交验证类
jQuery表单提交验证verify一套完整的用户注册前端校验,包含用户名,密码强度,显示隐藏密码,手机号输入控制手机验证码,真实姓名,身份证号等验证。
Js 表单提交验证函数,网上表单验证函数。已经比较全了。
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
19.1K Dreamweaver表单提交验证插件,一款很实用的插件
原生js表单提交验证代码下载。原生JavaScript实现,适合新手学习js。用户填写完成后,点击提交按钮,判断填写的信息是否符合要求,如不符合将弹出相应的修改信息要求,引导用户正确填写表单。
jquery validate表单验证插件制作用户注册页面表单提交验证,用户名、手机、密码、邮箱等表单验证。通过这款validate表单验证插件能制作多种表单提交验证。
jquery/validation_engine表单提交验证,简单实用。将css和js引用,并在需要验证的元素class中填写相应参数,以及表单提交的方法中进行验证 $("#userForm").validateEngine("validate")。在项目中已经实用,很方便。
javascript表单提交 用户名以及密码验证的正则表达式
一款HTML5登陆界面表单提交验证特效.zip 一款HTML5登陆界面表单提交验证特效.zip 一款HTML5登陆界面表单提交验证特效.zip
表单提交验证!简便操作
背景动画用户登录界面表单提交验证代码,希望可以对你们有用
带流程的注册表单提交验证html模板.zip
常用的表单提交javascript验证脚本,有详细的使用说明
开发网页时所需要的表单验证技术基本上都在这里 欢迎大家一起学习交流
jQuery支持拖动的弹出窗口登录和注册表单提交验证特效
本文给大家分享的是一段基于jQuery的实现简单的表单提交验证的代码,非常简单实用,推荐给有相同需求的小伙伴们参考下。
一整套注册验证,可直接用于实际项目中。