一、 插入option 1、DOM方法 var oSelectYear = document.getElementById("SelectYear"); var op = document.createElement("option"); op.innerHTML = "2010"; op.value = "2010"; oSelectYear.appendChild(op); 2、new Option方法 var oSelectMonth = document.getElementById("SelectMonth"); oSelectMonth.options.add(new Option(1, 1)); oSelectMonth.options.add(new Option(2, 2)); 二、 清空option var oSelectMonth = do...
初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 代码如下: document.getElementById("chk_UnInital").checked=false; 这段代码在firefox等其它浏览器中都能实现这个需求,维独在IE中死活不行,每次把勾勾上,无论是刷新还是后退,这个勾都是勾上的。 难道是在IE下这段代码没工作? 验证一下,在这段脚本前后各加一个alert,发现在执行这checked=false之前和之后这个checkbox都是未选...
我的解决办法如下(只针对客户端): 用户点击提交按钮后给按钮添加disabled属性 代码如下:$("input:submit").each(function() { var srcclick = $(this).attr("onclick"); if(typeof(srcclick)=="function"){ $(this).click(function() { if (srcclick()) { setdisabled(this); return true; } return false; });} }); function setdisabled(obj) { setTimeout(function() { obj.disabled = true; }, 100); }
代码如下:(本来基于原型封装了一下,发现完全在增加代码量,又改回来了) 感谢sparks345提出粘贴时的问题 这样的话,只能多加几个事件onpropertychange,oninput, obj.watch("value",function(id,oval,nval){}) 具体可以看这里,跟踪input值改变兼容处理 限制输入字节数 #div1 {width:500px;margin:20px auto;} #div1 ul {list-style-type:decimal;line-height:25px;} 可输入5个字节: 可输入6个字节: 可输入7个字节: 可输...
一. 测试环境 浏览器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3 二. 例子 代码如下: document.write(document.hehe.haha.length); document.write(''); document.write(document.hehe2.haha.length); 演示 无标题文档 document.write(document.hehe.haha.length); document.write(''); document.write(document.hehe2.haha.length); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在获取表单的input时,...
代码 代码如下: 用户名: //验证结果显示,注意display是隐藏的 密码: //pwd输入框获得焦点时触发onfocus事件,验证name输入框的内容格式是否正确 var name = document.getElementById("name"); function bb(){ d.style.display = 'block'; //显示div if(name.value.match(/^\w+/)) { //利用正则表达式来验证输入的用户名 d.innerHTML = "dui"; } else{ d.innerHTML = "cuo"; } } JavaScript教程/参考手册 Ja...
条件是: 在IE和Firefox下 1、属性的“action”字段必填; 2、有一个type="submit"的“input”。 在Chrome和Safari下 满足第一条即可。(注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type="submit"的“input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。因为return false是作为onreadystate=的子函数,并不能控制全局。这时就需要用到...
1.获取input类的值: $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值:$("select").val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$("input#myID").val()。 下面将对每一种控件的取值方法做一一介绍: 1. input type="text" 单行文本输入框和input type="password" 密码输入框...
删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block; font-size:12px;} /*定义全局函数$*/ function $(id){ return document.getElementById(id); } /*初始化select*/ function InitialSelectOption(id){ var oSel=$(id); var aOptions=["Wang Hongjian","Wang Hongjian","Nichoal S...
在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法,所以我们只在浏览器不支持这种高级的办法的时候才使用警告对话框。 例子 试试下面的例子。每一项都是必须的。另外我会坚持email项是否有@符号。如果没有也会提示错误信息。 代码如下: var W3CDOM = (document.getElementsByTagName && document.createElement); window.onload = function () { ...
想法 假设你有一个在线的CD评级工具。你希望用户查看他们喜欢的所有CD。但是你怎么知道用户平均会查看多少张呢?你在这个页面上需要添加多少字段呢? 在W3CDOM出现之前这确实是一个问题。假设你放置了7张CD。但是用户很可能只想查看一张,太多可能会吓着用户,而有些用户想查看自己的所有CD,这样就不得不反复提交很多次。这确实很烦人。 只有使用W3C DOM才能让用户决定生成多少个字段。这个效果和之前的大不相同。 例子 当你点击发...
表单实例 这是一个表单的实力。这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交。我会打印出你的输入,然后返回一个false,这样表单就没有被提交。 onSubmit的代码做了两件事情:检查你是否在四个文本框里面都填写了数据,然后把所有的元素都连接起来打印在下面的文本区域中。 原文中有实例,需要童鞋请移步,我就不搬过来了。 检测文本区域 这段代码会检测用户是否在文本框内输入了内容。他会忽略复选框和单选框,...
因为每一个表单的检测项都不同,所以我也不能给你一个万能的代码。你需要用我在这一章介绍的这些元素构建自己的检测函数。我在后面一张还有一个例子,你也可以参考。 在这一章我会首先讨论一下用JavaScript来检测表单的局限性,然后会解释一下提交时间处理程序,然后是表单本身的一些方法和属性。最后就是如何访问表单元素。 这里还有一篇Jeff Howden的介绍表单的使用错误和解决办法。Forms & JavaScript Living Together in Harmo...
代码如下: function opts(selectObj){ var optDivs=document.createElement("div"); var objTable=document.createElement("table"); var objTbody=document.createElement("tbody"); optDivs.style.zIndex = "100"; objTable.style.zIndex = "100"; objTa...
代码如下:/* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ? arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ? arguments[1] :true, isAlert = typeof arguments[2] ==="boolean" ? arguments[2] :false, //验证规则 rule = { // 正则规则 "eng" : /^...