下面通过javascript代码实现网页屏蔽Backspace事件,输入框不屏蔽,具体代码如下: document.onkeydown = function (e) { var code; if (!e){ var e = window.event;} if (e.keyCode){ code = e.keyCode;} else if (e.which){ code = e.which;} //BackSpace 8; if ( (event.keyCode == 8) && ((event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") || event.srcEl...
用法:首先在head中分别引入jQuery及本插件<script type="text/javascript" src="jquery-1.7.2.min.js">script> <script type="text/javascript" src="jquery.enplaceholder.js">script> 然后就可以调用鸟//通过value模拟placeholder $(input).placeholder(); //通过插入元素模拟placeholder $(input).placeholder({isUseSpan:true}); 代码:<script type="text/javascript" src="/demo/js/jquery.min.js"></script><script ...
本文实例讲述了Jquery动态添加输入框的方法。分享给大家供大家参考。具体实现方法如下: <!-- 页头 --> <#include "../common/head.ftl"> <div id="onFailureDiv" class="alert alert-danger navbar-fixed-top" style="text-align:center; display:none"></div> <div class="container" style="min-height:100%; height:100%;margin-top:100px;"> <form id="addressForm" class="form-horizontal" method="post" action="/rest...
本文实例讲述了jquery控制表单输入框显示默认值的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html> <html> <head> <script language="javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() {$(.someClass).each(function() {var $this = $(this);var defaultVal = $this.attr(title);$this.focus(function() {if ($this.val() === defaultVal) {$this....
问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现。如图所示:做法如下:代码如下: <input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value ==请输入2-5个中文名字){value =}" onblur="if (value ==){value=请输入2-5个中文名字}" value="请输入2-5个中文名字"> <input type="text" name="tel" id="tel" class="ind_cont_inpu...
本文实例讲述了JS实现在网页中弹出一个输入框的方法。分享给大家供大家参考。具体分析如下: 习惯了使用早期给电脑文件夹设置密码的朋友一定还记得那种弹出一个输入框,然后让你输入密码在登录查看的效果吧,这个JS代码就是实现这个在当前页面中弹出一个输入框,当然你可以输入任何东西 <html> <head> <title>js输入对话框</title> </head> <body> <script language="javascript"> <!-- age = prompt("请输入你的年龄:","20"); if ...
本文实例讲述了JS+CSS实现实用的单击输入框弹出选择框的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS+CSS打造实用的单击输入框弹出选择框效果</title> <style type="text/css"> .black_overlay{display:none;position:abs...
本文实例讲述了jQuery实现感应鼠标动画效果自动伸长的输入框。分享给大家供大家参考。具体实现方法如下:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现感应鼠标动画效果自动伸长的输入框<...
本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>边框变色</title> <style type="text/css"> <!-...
HTML:代码如下: <input type="text" id="only"/>JS:window.onload=function(e){ var text=document.getElementById("only"),pattern=/\d/,//pattern匹配字母上的数字键 pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,//pattern2匹配小键盘上的数字键和左右方向键 EventHandle={},event=e||window.event;//一个处理事件的对象//当网页加载的时候,进行判断,对事件处理对象进行定义属性,这样对事件对象的方法只需要进行一次判断,以后的...
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置,如图所示,当我输入123456789时,在输入框上显示的是987654321。为什么要做这个Demo?是因为在项目中遇到了,项目需求是两个输入框,一个正序输入,另一个倒叙输入。 下面我把实现的思路和代码写出来。 文本倒叙输入: 只要我们保证输入框的焦点始终在第一位,这样的话就可以实现每次我们输入的都在最前面,即倒叙 代码:function setPosition(ctrl, pos) { //设置光标位...
1、只允许输入数字 <input name="username" type="text" onkeyup="value=this.value.replace(/\D+/g,)">2、只允许输入英文字母、数字和下划线(以下二种方法实现) <input name="username" type="text" style="ime-mode:disabled"> <input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,)">3、只允许输入英文字母、数字和=@# <input name="username" type="text" onkeyup="value=value.replace(/[^\w=@#]...
JavaScript代码: 代码如下:<script language="javascript"> function addrows(){ var len = optionlist.rows.length; //得到table的行数 var obj = optionlist.insertRow(len);//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0).innerHTML="选项" + (len+1) + ":<input type=text name=option size=28>"; } function deleterow(){ var len = optionlist.rows.length; if(len <= 1) { alert("至少要有一个选项...
代码如下:<span style="font-family: Arial, Helvetica, sans-serif;"><input type="password" name="password" id="password" onkeydown="return banInputSapce(event);" onKeyup="return inputSapceTrim(event,this);" /></span> 代码如下:/** * 是否去除所有空格 * @param str * @param is_global 如果为g或者G去除所有的 * @returns */ function Trim(str,is_global) { var result; result = str.replace(/(^\s+)|(\s+$)/g,"...
工作中遇到需要给输入框中选中的内容增加超链接 代码如下: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 != undefined...