文本框失去焦点事件、获得焦点事件
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
onpropertychange 当属性改变发生该事件
无论粘贴 keyup onchange等，最为敏感
先来看javascript的直接写在了input上
&input name=&pwuser& type=&text& id=&pwuser&&& class=&input& value=&楼盘账号&&& onBlur=&if(this.value=='') this.value='楼盘账号';& onFocus=&if(this.value=='楼盘账号') this.value='';& /&
&input name=&pwpwd& type=&password&&&& class=&input1& value=&******&& onBlur=&if(this.value=='') this.value='******';& onFocus=&if(this.value=='******') this.value='';&&
jquery实现方法
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。
focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。如：
$(&p&).focus(); 或$(&p&).focus(fn)
blur()：失去焦点时使用，和onblur一样。如：
$(&p&).blur(); 或$(&p&).blur(fn)
&label for=&searchKey& id=&lbSearch&&搜神马？&/label&& 这里label覆盖在文本框上，可以更好的控制样式
&input id=&searchKey& type=&text& /&
&input type=&submit& value=&搜索& /&
jquery代码
$(function() {
$('#searchKey').focus(function() {
$('#lbSearch').text('');
$('#searchKey').blur(function() {
var str = $(this).val();
str = $.trim(str);
if(str == '')
$('#lbSearch').text('搜神马？');
好了相当的不错吧 下面是一个简单的例子：
&!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&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
function tt(){
var i=document.form1.text1.
if(i.length&=6)
document.getElementById(&s1&).innerHTML=&用户名不能大于6位&;
document.getElementById(&s1&).innerHTML=&&;
function a(){
var j=document.form1.text2.
if(j.length&=6)
document.getElementById(&s2&).innerHTML=&密码不能大于6位&
document.getElementById(&s2&).innerHTML=&&;
&form name=&form1&&
用户名：&input type=&text& id=&text1& value=&请输入用户名& onfocus=&javascript:document.form1.text1.value=''& onblur=&tt()&/&
&span id=&s1&&&/span&&br /&
密码:&input type=&text& id=&text2& value=&请输入密码& onfocus=&javascript:document.form1.text2.value=''& onblur=&a()&/&
&span id=&s2&&&/span&&br /&
&input type=&button& id=&button& value=&登陆& /&
第一种： html5
html5给表单文本框新增加了几个属性，比如：email,tel,number,time,required,autofocus,placeholder等等，这些属性给表单效果带来了极大的效果变化。
其中placeholder就是其中一个，它可以同时完成文本框获得焦点和失去焦点。必须保证input的value值为空， placeholder的内容就是我们在页面上看到的内容。
代码如下：
&input type=&text& value=&& placeholder=&请输入内容& /&
第二种： jQuery
原理：让表单的val值等于其title值。
代码如下：
&input type=&text& value=&& title=&请输入内容& /&
&script type=&text/javascript&&
$(function() {
var $input = $(&input&);
$input.each(function() {
var $title = $(this).attr(&title&);
$(this).val($title);
$(this).focus(function() {
if($(this).val() === $title) {
$(this).val('');
.blur(function() {
if($(this).val() === &&) {
$(this).val($title);
文本框获得焦点、失去焦点调用JavaScript
&%@ Page Language=&VB& CodeFile=&focus.aspx.vb& Inherits=&focus& %&
&!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 runat=&server&&
&title&无标题页&/title&
&script language=&javascript&&
function text1_onmouseover(it)
it.focus();
it.select();
it.style.backgroundColor=&red&;
function text1_onmouseout(it)
it.style.backgroundColor=&white&;
&form id=&form1& runat=&server&&
&asp:TextBox ID=&TextBox1& onmouseover=&return text1_onmouseover(this);& onblur=&text1_onmouseout(this)& runat=&server&&&/asp:TextBox&
先来看javascript的直接写在了input上
&input name=&pwuser& type=&text& id=&pwuser& class=&input& value=&楼盘账号& onBlur=&if(this.value=='') this.v
//设置文本框和密码框得到焦点时的样式 $(&#tblReg input[type=text],#tblReg input[type=password]&).focus(function () { $(this).addClass(&myFocus&); }).blur(function () { $(this).removeClass(&q
&script& //当失去交点以后 让文本框内的文字获得焦点 并且光标移到最后一个字后面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 获取焦点
}else{ setFocus.call(document.getElementById(myid)); } }
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件，因为懒，每次都去写非常的烦，于是就一劳永逸，遇到类似情况就来调用一下就OK 了
相关js代码:
&html xmlns=&http://www.w3.org/1999/xhtml&& &head&gt
&SPAN style=&FONT-SIZE: 18px&&表单类失去焦点的效果&/SPAN&
&script type=&text/javascript&& $(function(){ $(&:input&).focus(function(){ //此处可获取
有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改里面的东西,按一下,有可能前面所有填写的数据就会丢失.故此写了个方法,供大伙有需要时放入&script&&/script&,保管你称心如意。
在火狐浏览器中直接使用this.focus();即可实现。 在IE中，在this.focus();之后再把文本框的值赋给文本框，焦点即在最后了。很简单哟！！ 如：
var tar=document.getElementByIdx_x(&name&); if(tar.attachEvent){ tar.attachEvent('onmouseover',foc
由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即：
$(&#id&)[0].focus();
需要注意两个函数之间的区别：
$(&#id&).focus(); $(&
摘要：许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其他对应的事件即可。本文介绍了如何在获取焦点时切换样式，明白原理后，实现其他效果就很简单了。
许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，
$(&#focus .input_txt&).each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=&&){ &
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态:
输入框获取焦点状态:
大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、
版本一 css代码部分：
border: 1px solid #f00;
background: # }
当焦点获得时，添加focus样式，添加边框，并改背景色为#fcc
html代码部分：
&body& &nbsp
公司WEB项目要求是必须兼容FF3，IE6/7/8。本文所述为IE6下的一个BUG. 　　项目里面写了一个自己封装的弹出层，原理是先动态添加一个遮罩层，再动态添加一个DIV(Table)层（做弹出层的PNG半透明边框效果），DIV里面动态添加一个IFrame，这个Iframe页面指向一个现存的HTM文件。 　　如果这个HTM文件中，包含文本输入框这样的一些表单元素，在IE6下就会出娄子了。 　　测
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，如图所示，当我输入时，在输入框上显示的是。
为什么要做这个Demo？是因为在项目中遇到了，项目需求是两个输入框，一个正序输入，另一个倒叙输入。 下面我把实现的思路和代码写出来。 文本倒叙输入： 只要我们保证输入框的焦点始终在第一位，这样的话就可以实现每次我们输入的都在最前面，即倒叙 代码：
JS判断一个对象已获得焦点document.activeElement.tagName //tagName 标签名 实例：判断body获得光标时关闭输入法。
var act = document.activeElement.tagName.toLowerCase();
if(act.indexOf(&body&) != -1 ||
功能实现： 用户在输入文字时，如果能高亮显示正在输入的那个文本框的话，会更人性化些，下面就使用jQuery来实现。
实现原理： 在document加载完成后(ready)，添加input的focus和blur事件，并进行增加和删除样式的操作。 代码示例：
&html& &head&&title&&/title& &sty
利用js来验证文本框的值
&script& function onblurs(){ if(frm.name.value==&&){ alert(&请输入您的名字！&); }else if(frm.funny.value==&&){ alert(&爱好不得为空哦！&); } } &
以下是实现方法：
&script src=&http://yige.org/static/js/j.js&&&/script& jQuery(function () {
jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框 &nbs
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框. 如:
if(obj.value==&&){
obj.focus(); }
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...
var obj=document.getElementById(&txtUserID&) var range=obj.createTextRange() //选中文本的起始位置（从第3个字符之后开始） range.moveStart(&character&,3) //选中文本的结束位置（到全部字符的倒第3个之前） range.moveEnd(
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。
一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框，当鼠标指针移
function CheckForm() {
if(document.form1.trainingName.value==&&){
&!doctype html& &html& &head& &meta charset=&utf-8&& &title&成为焦点时清除文本框内容&/title& &script& window.onload = initA
function initAll(){ var
当文本框获得焦点的时候，在文本框的下方显示一个浮动层。
当用户点击除了文本框和浮动层以外的网页空白处时，要隐藏浮动层。
当用户点击浮动层时，改变文本框的值。
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml
文本框中创建默认文本提示 通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索。 当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。 当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。 为了实现上面的需求，代码如下：
&%@ Page Language=&C#& AutoEven
我们在登录网站的时候，文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，当文本框什么都没有，而且失去焦点的时候，又有了提示文字。
1.原型开发，先做一个简单的： 我们首先需要一个html文件：
&html& &head& &title&input test&/title& &meta name=&quo
$(function(){ $(&#input&).focus(function(){//#input换成你的input的ID //这里写获得焦点之后运行的代码。 }).blur(function(){ //$(&.scroll-question&).css(&display&,&none&); });
使用JS获取具有焦点控件的ID：
$(&#textID&).click(function(){ var act = document.activeElement. if(act == &textID& ){ alert(&true&); }else{ alert(&false&q
1：默认情况下，日期输入文本框获得页面焦点的时候，日期选择器组件会在一个覆盖层中打开日历选择面板，当日期输入文本框失去焦点或者选择一个日期的时候，将自动关闭该日历选择面板$(selector).datepicker([options]);简单实例：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional
看本文得先了解以下几个事件（摘自w3c）。
blur事件: 当元素失去焦点时发生 blur 事件。
focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。
tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。
我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，
如下所示：
&!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.o
下面的代码实现当用户停留在text输入框的时候提示输入什么的提示信息，提高用户粘合度。
在输入内容前，显示如图1所示
图1 当用户名的文本框或得焦点时，效果如图2所示
图2 当密码文本框或得焦点时，效果如图3所示
图3 演示的源代码如下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transition
比如： 搜索框:可以 &input value=&搜索产品...& /& 文本区域: 可以 &textarea&输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务....&/textarea& ........ 首先说这种提示功能很好，非常直观，可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本..... 当页面
var Page_INIT = function () { $(document).bind(&mouseover&, function (e) {//鼠标移入 if (e.target.tagName.toUpperCase() == &INPUT&) { var input = e. if (input.type == &q
JS判断只能是数字和小数点(摘录自其它资料，在此发表只为个人以后使用查找方便)
1.文本框只能输入数字(不包括小数点)
&input onkeyup=&this.value=this.value.replace(/\D/g,'')& onafterpaste=&this.value=this.value.replace(/\D/g,'')&&
ios中怎样编写当textField输入框获得输入焦点时触发一个事件（函数） ios中怎样编写当textField输入框获得输入焦点时触发一个事件（函数）
------解决方案-------------------- 不太清楚你的意思
如果想在uitextfield被点击获得焦点时捕捉这个事件，可以实现UITextfieldDelegate的相关方法，这些方法是UITextfield的事件处理
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 &input type=&text& value=&郭强& onfocus=&if(value=='郭强') {value=''}& o
setFocus=function(id){ var t=$(&#&+id).val(); $(&#&+id).val(&&).focus().val(t); }
把焦点光标移动到id的文本最后。
jquery获取焦点后光标在字符串后,当input获得焦点后，自动把光标移到文本内容的最后,jQuery用focus()
&html& &head& &title&&/title& &script type=&text/javascript& language=&javascript&&
/*根据获得焦点的时候给setVal给值*/ &nb
以一个TextBox为例，使用javascript来判断其是否获取到焦点。 其实很简单，正常的思路分为两个途径来看： 当文本框为服务端控件的时候，我们可以很简单地想到使用：if(TextBox1.Focused)来进行判断，使用TextBox1.Attributes.add('onfocus','要执行的方法'); 来绑定方法。当然，服务端的控件也是可以使用JS来进行操作的，不过，需要提醒注意的是我的项目是用struts 2的，我怎么样验证用户2次输入的密码是不是相同的？_百度知道
我的项目是用struts 2的，我怎么样验证用户2次输入的密码是不是相同的？
跪求各位大神解答，我怎么样验证用户2次输入的密码是不是相同的？能不能用validation框架验证，里面有一个要修改登录密码的模块我的项目是用struts 2的。最好给个例子
提问者采纳
&#47.val(); 密
码;);html&password&head&/
if(aa==bb){
alert(&/密码相等&&
确认密码;#p2&&#p1&&head&&& id=&p2& value=&
var bb=$(&body& id=&fun()&quot想起了我以前;&quot。&body&gt：& value=&quot。;input
type=&input
type=&);br&script&gt：&&&p1&&&html&密码不相等&quot.val();script&);); onblur=&quot。;password&/ function fun(){
var aa=$(&quot
jquery 是什么？
jquery是js的一个框架，如果不会用那就把jquery的代码改成js的，var
aa=document.getElementById(&p1&).
bb=document.getElementById(&p2&).
提问者评价
搞定了。那个 var
aa=document.getElementById(&p1&).value 是jquery的语句吗？
其他类似问题
为您推荐：
其他2条回答
用javascript验证密码框添加onblur触发一个function，判断两次输入的值是否相同
能不能用validation验证？
validation是在后台验证，也就是说需要请求服务器验证然后返回信息。这样既占用了资源，又不能提供很好的用户体验（响应根据网速有一定延时）故表单的一些值的格式验证都在前台验证
能不能给个例子？
这么简单你都要例子，告诉你了你也记不住。万事靠自己
我主要是不知道怎么和struts 2 的field 的输入框结合处理。那些输入框，我是用struts 2 的标签弄得。
struts的password标签对应的就是&input type=&password&&，你只需要给它个id，就可以在js里通过id得到它的值
我这样做了。但是，我用txt写，能得到验证的效果。我用JSP写，好像不行啊。
Ajax异步获取密码， 或者， 直接吧原密码做隐含放入修改密码模块中。。
struts的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁常用JavaScript函数 1 - 15 （自我总结） - Just Code - ITeye技术网站
博客分类：
调整图片大小，不走形（FF IE 兼容）/ 剪切图片（overflow:hidden）
控制textarea区域文字数量
点击显示新窗口
input框自动随内容自动变长
添加收藏夹
Jquery + Ajax 判断用户是否存在
判断email格式是否正确
综合判断用户名（长度，英文字段等）
10、新闻滚动
11、 只允许输入正整数 （shopping cart 使用） 或者 正数 （正整数和正小数）
12、 转换字符串为数字
13、 判断文件格式（获得文件后缀）
14、 截取字符串
15、分割字符串
1、 调整图片大小，不走形（FF IE 兼容）
// 用法 &img src="this_image_path.jpg" onload="DrawImage(this,450,450);" /&
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.
if(image.width&0 && image.height&0){
if(image.width/image.height&= FitWidth/FitHeight){
if(image.width&FitWidth){
ImgD.width=FitW
ImgD.height=(image.height*FitWidth)/image.
ImgD.width=image.
ImgD.height=image.
if(image.height&FitHeight){
ImgD.height=FitH
ImgD.width=(image.width*FitHeight)/image.
ImgD.width=image.
ImgD.height=image.
通过 overflow：hidden进行剪切：
function clipImage(o, w, h){
var img = new Image();
img.src = o.
if(img.width &0 && img.height&0)
if(img.width/img.height &= w/h)
if(img.width & w)
o.width = (img.width*h)/img.
o.height =
//o.setAttribute("style", "marginLeft:-" + ((o.width-w)/2).toString() + "px");
$(o).css("margin-left", "-"+((o.width-w)/2).toString() + "px");
o.width = img.
o.height = img.
if(img.height & h)
o.height = (img.height*w)/img.
//o.setAttribute("style", "margin-top:-" + ((o.height-h)/2).toString() + "px");
//$(o).css("style", "margin-top:-" + ((o.height-h)/2).toString() + "px");
$(o).css("margin-top", "-"+((o.height-h)/2).toString() + "px");
o.width = img.
o.height = img.
&style type="text/css"&
ul{list-style:}
ul li{float:padding:1border:#ccc 1width:120height:120overflow:text-align:over-flow:}
&li&&img src="1.jpg" onload="DrawImage(this,120,120);" /&&/li&
&li&&img src="2.jpg" onload="clipImage(this,120,120);" /&&/li&
2、控制textarea区域文字数量
* Calculate how many characters remain in a textarea (jQuery)
* @param string textarea
* @param int maxLength
* @param string div
function charsRemain(textarea, maxLength, div) {
var currentLength = $(textarea).val().
var charsLeft = maxLength - currentL
if (charsLeft & 0) { charsLeft = 0; }
$("#"+ div +"_charsRemain").html(charsLeft);
if (currentLength & maxLength) {
var fullText = $(textarea).val().substring(0, maxLength);
$(textarea).val(fullText);
* Calculate how many characters remain in a textarea (javascript)
* @param string textarea
* @param int maxLength
* @param string div
function charsRemain(textarea, maxLength, div) {
var currentLength = textarea.value.
var charsLeft = maxLength - currentL
if (charsLeft & 0) { charsLeft = 0; }
document.getElementById(div +"_charsRemain").innerHTML = charsL
if (currentLength & maxLength) {
var fullText = textarea.value.substring(0, maxLength);
textarea.value = fullT
&textarea rows="5" cols="15" onkeyup="charsRemain(this, 250, 'textarea');"&&/textarea&
&span id="textarea_charsRemain"&250&/span& characters remaining
3、点击显示新窗口
function g_OpenWindow(pageURL, innerWidth, innerHeight)
var ScreenWidth = screen.availWidth
var ScreenHeight = screen.availHeight
var StartX = (ScreenWidth - innerWidth) / 2
var StartY = (ScreenHeight - innerHeight) / 2
var wins = window.open(pageURL, 'OpenWin', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=yes, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no')
wins.focus();
&script language="JavaScript"&
// 自动弹出窗口
var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,' + 'menubar=no,toolbar=no,directories=no,location=no,' + 'status=no,resizable=no,scrollbars=yes');
whatsNew.document.write('&center&&b&news&/b&& /center&');
whatsNew.document.write('&p&this is a test');
whatsNew.document.write('&p&deos address');
whatsNew.document.write('&p align="right"&' + '&a href="javascript:self.close()"&Close&/a&');
whatsNew.document.close();
不幸的是，很多浏览器会屏蔽弹出窗口，你需要手动允许后方可看到！下面是强制弹出窗口，原理就是创建一个form，通过post，打开，哈哈，原理很简单~
&script language="javascript"&
function ForceWindow (){
this.r = document.documentE
this.f = document.createElement("FORM");
this.f.target
this.f.method
this.r.insertBefore(this.f, this.r.childNodes[0]);
//XML DOM : insertBefore() 方法可在已有的子节点前插入一个新的子节点。 insertBefore(newchild,refchild)
ForceWindow.prototype.pop = function (sUrl){
this.f.action = sU
this.f.submit();
window.force
= new ForceWindow();
&body onLoad="window.force.pop('/')"&
this is a test ! we will open the deographics's website~~
当然还有更好的办法就是
function openWin(){
window.showModalDialog(url,window, "help:scroll:resizable:status:0;dialogWidth:420dialogHeight:200center:yes");
更多请看：
4、input框自动随内容自动变长
// input auto length
// &input name="words" size="2" maxlength="100" onkeyup="checkLength(this)"/&&span id="char"&0&/span&
function checkLength(which) {
var maxchar=100;
//var oTextCount = document.getElementById("char");
iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").
if(iCount&=maxchar){
//oTextCount.innerHTML = "&font color=#FF0000&"+ iCount+"&/font&";
which.style.border = '1px dotted #FF0000';
which.size=iCount+2;
alert('Please input letter less than '+ maxchar);
5、添加收藏夹
// addfavorite
function addfavorite(){
if (document.all){
window.external.addFavorite('/','deographics');
}else if (window.sidebar){
window.sidebar.addPanel('deographics', '/', "");
6、设置首页
// setHomepage
setHomepage(){
if(document.all){
document.body.style.behavior
= 'url(#default#homepage)';
document.body.setHomePage('/');
}else if(window.sidebar){
if(window.netscape){
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert(" The operation was refused by browser,if you want to enable this feature, please enter in the address column 'about:config', then, change 'signed.applets.codebase_principal_support' to 'true' ");
Components.classes['@mozilla.org/preferences-1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage','/');
7、Jquery + Ajax 判断用户是否存在
// 检测 用户名是否存在
$("#username").blur(function(){
var name = $(this).val(); var table = $(this).attr('title');
if(name!=''){
var dataString = 'username='+ name + '&table=' +
$.post("operate.php",dataString,function(data){
//alert(data);
if(data==0){
alert('This username already exist !'); $(this).val('').focus();
var datastring = 'id=' + $id + '&pos=' + $
type: "POST",
data: dataString,
beforeSend: function(){},
error: function(){alert('Send Error !');},
success: function(data) {
// do something
8、 判断email格式是否正确
function chekemail(temail){
var pattern = /^[\w]{1}[\w\.\-_]*@[\w]{1}[\w\-_\.]*\.[\w]{2,4}$/i;
if(pattern.test(temail)){}else{}
9、综合判断用户名（长度，英文字段等）
var username = $('#username');
var backValue = VerifyInput('username');
if(backValue == 'length'){
alert("Username is make up of 3 - 15 characters!");
username.focus();
}else if(backValue == 'first'){
alert("the First character must be letter or number !");
username.focus();
}else if(backValue == 'back'){
alert("Username only contains letter number or '_' ");
username.focus();
function VerifyInput(user){
var strUserID = $('#'+user).val();
if (strUserID.length & 3 || strUserID.length & 15){
return 'length';
for (nIndex=0; nIndex&strUserID. nIndex++){
cCheck = strUserID.charAt(nIndex);
if ( nIndex==0 && ( cCheck =='-' || cCheck =='_') ){
return 'first';
if (!(IsDigit(cCheck) || IsAlpha(cCheck) || cCheck=='-' || cCheck=='_' )){
return 'back';
function IsDigit(cCheck) {return (('0'&=cCheck) && (cCheck&='9'));}
function IsAlpha(cCheck) {return ((('a'&=cCheck) && (cCheck&='z')) || (('A'&=cCheck) && (cCheck&='Z')))}
10、新闻滚动
&style type="text/css"&
ul,li{margin:0;padding:0;font-size:12color:#999;}
ul{height:100overflow:}
ul li{line-height:20height:20}
&ul id="news"&
&li&New York web design Inc.1&/li&
&li&Your site will be structured 2&/li&
&li&hat will communicate the 3&/li&
&li&hat will communicate the
&li&hat will communicate the 5&/li&
&li&hat will communicate the
&li&hat will communicate the 7&/li&
&li&hat will communicate the 8&/li&
&li&hat will communicate the 9&/li&
&li&New York web design Inc. 10&/li&
&li&New York web design Inc.11&/li&
&li&New York web design Inc. 12&/li&
&li&New York web design Inc. 13&/li&
&li&New York web design Inc. 14&/li&
// 用法 : 四个参数分别是:操作对象， 停留时间，相对速度（越小越快）,每次滚动多少(最好和Li的Line-height一致)。
scroll('news',
function scroll(element, delay, speed, lineHeight) {
var numpergroup = 5;
var slideBox = (typeof element == 'string')?document.getElementById(element):
var delay = delay||1000;
var speed=speed||20;
var lineHeight = lineHeight||20;
var tid = null, pause =
var liLength = slideBox.getElementsByTagName('li').
var lack = numpergroup-liLength%
for(i=0;i&i++){
slideBox.appendChild(document.createElement("li"));
var start = function() {
tid=setInterval(slide, speed);
var slide = function() {
if (pause)
slideBox.scrollTop += 2;
if ( slideBox.scrollTop % lineHeight == 0 ) {
clearInterval(tid);
for(i=0;i&i++){
slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
slideBox.scrollTop = 0;
setTimeout(start, delay);
slideBox.onmouseover=function(){pause=}
slideBox.onmouseout=function(){pause=}
setTimeout(start, delay);
11、只允许输入正整数 （shopping cart 使用）
&script language="JavaScript" type="text/javascript"&
function checkNum(obj){
var re = /^[1-9]\d*$/;
if (!re.test(obj.value)){
alert("只允许正整数!");
obj.value='';
obj.focus();
&input name="rate" type="text"onkeyup="checkNum(this)" /&
&script language="JavaScript" type="text/javascript"&
function clearNoNum(obj)
//先把非数字的都替换掉，除了数字和.
obj.value = obj.value.replace(/[^\d.]/g,"");
//必须保证第一个为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//保证.只出现一次，而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
只能输入数字和小数点的文本框：&input id="input1" onkeyup="clearNoNum(this)"&
12、 转换字符串为数字
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。
parseInt("1234blue");
parseInt("0xA");
parseInt("22.5");
parseInt("blue");
parseFloat("1234blue");
parseFloat("0xA");
parseFloat("22.5");
parseFloat("22.34.5");
parseFloat("0908");
parseFloat("blue");
还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。
Boolean(value)——把给定的值转换成Boolean型；
Number(value)——把给定的值转换成数字（可以是整数或浮点数）；
String(value)——把给定的值转换成字符串。
Boolean("");
Boolean("hi");
Boolean(100);
Boolean(null);
Boolean(0);
Boolean(new
Object());
Number(false)
Number(true)
Number(undefined) NaN
Number(null)
Number( "5.5 ")
Number( "56 ")
Number( "5.6.7 ") NaN
Number(new
Number(100)
String(null);
oNull.toString();
13、 判断文件格式（获得文件后缀）
// 用法：get_ext(this,'img');
function get_ext(name){
var pos = name.lastIndexOf('.');
var extname = name.substring(pos,name.length) // like: str.split('.')
var lastname = extname.toLowerCase();
if (lastname !='.jpg' && lastname !='.gif' && lastname !='.png' && lastname !='.bmp'){
14、截取字符串
&script type="text/javascript"&
var str="Hello world!"
document.write(str.substr(3,7))
// 复杂型（中文或者中英文混合截取）
//截取字符串 包含中文处理
//(串,长度,增加...)
function subString(str, len, hasDot)
var newLength = 0;
var newStr = "";
var chineseRegex = /[^\x00-\xff]/g;
var singleChar = "";
var strLength = str.replace(chineseRegex,"**").
for(var i = 0;i & strLi++)
singleChar = str.charAt(i).toString();
if(singleChar.match(chineseRegex) != null)
newLength += 2;
newLength++;
if(newLength & len)
newStr += singleC
if(hasDot && strLength & len)
newStr += "...";
return newS
document.write(subString("你好，this is a test!",10,1));
参数依次为 字符串， 截取的长度 和 是否显示省略号
15、分割字符串
&script type="text/javascript"&
var str = 'this_is_a_test_!';
var arr = str.split('_');
document.write(arr + "&br /&");
// 罗列全部
document.write(arr[0] + "&br /&"); // 取单项
转帖注明：
浏览: 5443431 次
来自: 洛杉矶
佩服能写出这些博客的人
[flash=200,200][flash=200,200][ ...
jsp都有的功能 这样感觉还变复杂了
dishajk 写道这个算法是不是复杂了？发红包的时候直接随机 ...