表单的一些基本用法与技巧


Posted in Javascript onJuly 15, 2006

1、 用图像代替提交按钮
 当只有一个提交按钮的时候,可以简单地实现,不用加事件函数,代码是:
 <input type="image" name="..." src="url" width="" height="..." border="...">
 除了标签改为input type="image"以外,其它的属性和<img>标签的属性是一样的。

 2、用图片代替所有的表单按钮:
 代替submit按钮的图片代码格式是
 <input type="image" name="..." src="..." onClick="document.formName.submit()">
 代替reset按钮的代码图片格式是
 <input type="image" name="..." src="..." onClick="document.formName.reset()">
 注:这里的formName是表单的name属性值。

 3、表单的提交验证:
 <script>
 function CheckDate(){
 //取得输入的数据
 userName = document.RedForm.userName.value;
 userEmail = document.RedForm.userEmail.value;
 //如果没有输入姓名
 if (userName=="") {
 alert("请输入姓名");
 document.RedForm.userName.focus();
 return false;
 }else{
 //如果没有输入Email,或者Email地址错误(不含@)
 if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("请重新输入Email地址");
 document.RedForm.userEmail.focus();
 return false;
 }else return true;
 }
 }
 </script>

 4、用任何元素提交表单:
 通过onClick="document.form.submit();"来提交表单;用onClick="document.form.reset();"来复位表单,这样一来,任何一个元素都可以实现提交表单了。

Javascript 相关文章推荐
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
简单谈谈javascript Date类型
Sep 06 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
js+canvas绘制五角星的方法
Jan 28 Javascript
Vue自定义指令介绍(2)
Dec 08 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 Javascript
popdiv
Jul 14 #Javascript
游戏人文件夹程序 ver 4.03
Jul 14 #Javascript
游戏人文件夹程序 ver 3.0
Jul 14 #Javascript
表单提交验证类
Jul 14 #Javascript
如何实现浏览器上的右键菜单
Jul 10 #Javascript
载入进度条 效果
Jul 08 #Javascript
让广告代码不再影响你的网页加载速度
Jul 07 #Javascript
You might like
PHP 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
jquery实现叠层3D文字特效代码分享
2015/08/21 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
Vue中key的作用示例代码详解
2020/06/10 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
[05:29]2014DOTA2国际邀请赛 赛后专访:LGDNewbee顺利过关
2014/07/13 DOTA
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
python从sqlite读取并显示数据的方法
2015/05/08 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
python super函数使用方法详解
2020/02/14 Python
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
优秀员工事迹材料
2014/12/20 职场文书
英文导游词
2015/02/13 职场文书
2015年食品安全工作总结
2015/05/15 职场文书