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


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 相关文章推荐
javascript中怎么做对象的类型判断
Nov 11 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
jquery密码强度校验
Dec 02 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
webpack中CommonsChunkPlugin详细教程(小结)
Nov 09 Javascript
JavaScript类型相关的常用操作总结
Feb 14 Javascript
js 执行上下文和作用域的相关总结
Feb 08 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
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
JQuery的一些小应用收集
2010/03/27 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
用实例解释Python中的继承和多态的概念
2015/04/27 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
详解Python locals()的陷阱
2019/03/26 Python
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
世界上最大的二手相机店:KEN
2017/05/17 全球购物
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
英国在线泳装店:Simply Swim
2019/05/05 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
财务与信息服务专业推荐信
2013/11/28 职场文书
英语求职信范文
2014/05/23 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
校长个人总结
2015/03/03 职场文书
针对吵架老公保证书
2015/05/08 职场文书
如何写好开幕词?
2019/06/24 职场文书