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


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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
Script的加载方法小结
Jan 12 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
基于javascript实现日历功能原理及代码实例
May 07 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制作图形验证码代码分享
2014/10/23 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
popdiv
2006/07/14 Javascript
prototype 的说明 js类
2006/09/07 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
python学习之第三方包安装方法(两种方法)
2015/07/30 Python
Python中字符串的处理技巧分享
2016/09/17 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
python爬取指定微信公众号文章
2018/12/20 Python
Python日志syslog使用原理详解
2020/02/18 Python
python制作抽奖程序代码详解
2021/01/15 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
《诚实与信任》教学反思
2014/04/10 职场文书
辞职书格式样本
2015/02/26 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
Android存储中最基本的文件存储方式
2022/04/30 Java/Android