javascript 一些用法小结


Posted in Javascript onSeptember 11, 2009

如下的用法需要在JSP中增加属性onclick. 以全选为例,onclick="javascript:allselect()"//javascript可以省略
或者将function allselect()用document.getElementById("allselectbox").onclick = function();
全选:
fuction allselect(){
var form = document.forms[0];
var state = form.allselectbox.checked;
var length = form.username.length;
if(length){
for(var i=0;i<length;i++){
form.usernames[i].checked=state;
}
}else form.username.check = state;
}
全选的另一种写法:
function allSelect(){
var items = document.getElementsByName("usernames");
var state = document.getElementsByName("allselectbox")[0].checked;
if(items.length){
for(var i = 0; i < items.length; i++){
items[i].checked = state;
}
}else{
items.checked = state;
}
}
单项选择:
fuction selectitem(){
var form = document.forms[0];
var length = form.username.length;
if(length){
for(var i=0;i<length;i++){
if(form.usernames[i].checked) return true;
}
}else return form.usernames.check;
}
转到其他页面:
function topage(page){
var form = document.forms[0]
form.page.value = page;
form.submit;
}
取单选框的值Radio:
function getradiovalue(objradio){
var result = "";
try{
if(typeof(objradio.value)=="undefined"){
for(var i=0;i<objradio.length;i++){
if(objradio[i].checked){
return objradio[i].value;
}
}
}else{
if(objradio.checked) result = objradio.value;
}
}catch(e){result = "";}
return result;
}
email验证:
function isValidEmail(inEmail){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return filter.test(inEmail);
}
检验手机格式:
function validateMobile(){
var form = document.forms[0];
if(form.mobile.value!=""){
var num = /^1[35]\d{9}$/
if(!num.test(form.mobile.value)){
alert("收货人的手机号格式不正确");
return false;
}
alert("正确");
}
}
待续........

Javascript 相关文章推荐
javascript URL锚点取值方法
Feb 25 Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
JS实现多物体运动的方法详解
Jan 23 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
Javascript实现简易天数计算器
May 18 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
JS 日期验证正则附asp日期格式化函数
Sep 11 #Javascript
jquery 简单导航实现代码
Sep 11 #Javascript
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 #Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
Sep 09 #Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 #Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 #Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 #Javascript
You might like
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
jQuery事件对象总结
2016/10/17 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
2017/02/17 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
导师对论文的学术评语
2015/01/04 职场文书