需要实现的效果:一个输入框,当输入框未获得焦点的时候,value 值为 “密码”;当输入框失去焦点的时候,输入内容显示为”*****”我们很直接会想到下面的js $(“#showPwd”).focus(function(){$(this).attr(‘type,password);}); 发现并没有实现预期效果,出现 uncaught exception type property cant be changed 错误,查看jQuery 1.42源码 1488 行 // We cant allow the type property to be changed (since it causes problems...
代码: 代码如下: 输入框无法获得焦点,不能编辑 表单可以获得值。 可以复制。 蛮奇怪的,都选住了,还没有获得焦点? 2,readonly 代码: 输入框只读。不能编辑 同样表单可以获得值。 也可以复制。 3,disabled 代码: 代码如下: 输入框灰色,不能编辑 可以用JS改变或获得其值,但提交时并不提交该值。
如下所示: 代码如下: function alertWin(title, msg, w, h) { var titleheight = "22px"; // 窗口标题高度 var bordercolor = "#666699"; //窗口的边框颜色 var titlecolor = "#FFFFFF"; // 窗口的标题颜色 var titlebgcolor = "#666699"; // 窗口的标题背景色 var bgcolor = "#FFFFFF"; // 内容背景色 var iWidth = document.documentEleme...
同理 此插件不需要任何html标签,只需要一个输入框 有相对应的class类名就ok 且父级有个class类名,其他的都不需要。内部的HTML代码都是自动生成的。 HTML代码如下:代码如下: 其实上面的div标签都可以不需要 只需要在input输入框 且父级元素添加一个如上class(自定义也可以,只是在JS初始化的时候要传入class就ok 我默认情况下 父级class叫parentCls,当前输入框class叫inputElem,隐藏域的class叫hiddenCls,在初始化的时候 直...
在这里奉上源代码,没有做样式处理,不过功能是可以的,希望大家可以和我交流交流! 代码如下: 点击弹出DIV选择信息 //数组信息 var arrs = new Array(); arrs.push({id:"1", name:"张三3"}); arrs.push({id:"2", name:"李四3"}); arrs.push({id:"3", name:"申午武3"}); arrs.push({id:"4", name:"周琬淞3"}); arrs.push({id:"5", name:"覃晓为3"}); arrs.push({id:"6", name:"王五"}); arrs.push({id:"7",...
本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助。<script language="javascript"> function GetInput(){//屏蔽非数字和非退格符var k = event.keyCode; //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){return true;} else {return false;} } function Set(obj){//即时处理输入框的...
代码如下: 代码如下: //绑定商品名称联想 $(#productName).bind(input propertychange, function() {searchProductClassbyName();}); 代码如下: searchProductClassbyName 为触发后调用的方法; 实现效果:
firefox 和 ie 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录。 MSIE自定义了input 的扩展属性 autocomplete,置为off即可 用这个方法可以屏蔽MSIE,Firefox,chrome,opera则需要使用另一个扩展属性disableautocomplete 两扩展属性可...
在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节。比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~ 一、要求 input输入框,在光标显示时,隐藏提示信息;光标离开输入框时,显示提示信息。 二、方法 1、给该input取id名,Onfocus=”方法名1(this)”,onblur=”方法名...
现在很多网站都有这种效果,在文本框输入一个字符,下边会出来相匹配的内容,这个代码就演示了这个功能是如何完成的,当然,这是个静态的,你可以将提示的内容从数据库读取出来,要用到AJAX那东东。 代码如下:带输入匹配的文本框body,div {font-family:verdana;line-height:100%;font-size:10pt;}input {width:320px;}h1 {text-align:center;font-size:2.2em;}#divc {border:1px solid #555;}.des {width:500px;background-color:l...
我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下: html代码: 代码如下: js代码: 代码如下: function fn_focus(ele){ if(ele.value == ele.defaultValue){ ele.value = ; } } function fn_blur(ele){ var reg = /^[\s]*$/; if(reg.test(ele.value) || ele.value == ele.defaultValue){ ele.va...
工作中遇到需要给输入框中选中的内容增加超链接 代码如下: function addHref(des){ var selectedText=""; if(window.getSelection&&des != undefined){//兼容非IE浏览器,由于非IE浏览器需要给定操作的元素ID才可以获取输入元素中选中的内容,因此需要输入ID var textField=document.getElementById(des); var selectionStart=textField.selectionStart; var selectionEnd=textField.selectionEnd; if(selectionStart != undefine...
代码如下: 代码如下: /** * 是否去除所有空格 * @param str * @param is_global 如果为g或者G去除所有的 * @returns */ function Trim(str,is_global) { var result; result = str.replace(/(^\s+)|(\s+$)/g,""); if(is_global.toLowerCase()=="g") { result = result.replace(/\s/g,""); } return result; } 代码如下: /** * 空格输入去除 * @param e * @returns {Boolean} */ function inputSapceTrim(e,this_temp) { this_...
JavaScript代码: 代码如下: function addrows(){ var len = optionlist.rows.length; //得到table的行数 var obj = optionlist.insertRow(len);//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0).innerHTML="选项" + (len+1) + ":"; } function deleterow(){ var len = optionlist.rows.length; if(len alert("至少要有一个选项"); } else { optionlist.deleteRow(len-1);//删除最后一项 } } function getOp...
1、只允许输入数字2、只允许输入英文字母、数字和下划线(以下二种方法实现)3、只允许输入英文字母、数字和=@#4、只允许输入英文大写字母和数字<input name="name" type="text" value="只录入大写字母和数字" style="color:gray" onfocus="this.value=;this.style.color=black" onkeyup="this.value=this.value.replace(/[^A-Z0-9]/gi,);this.value=this.value.toLocaleUpperCase();5、只允许输入汉字【过滤文字输入】TextField.res...