SunLe'Blog---孙乐 » js http://www.sunle.net Thu, 29 Jul 2010 02:04:40 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 JS表单验证 http://www.sunle.net/jsbiaodanyanzheng.html http://www.sunle.net/jsbiaodanyanzheng.html#comments Sat, 10 Jan 2009 01:47:17 +0000 sunle http://www.sunle.net/?p=685 js提交表单及js表单验证功能强大，很多原本需要在服务器端实现的功能，现在通过简单的js代码就可以在客服端实现同样的效果。下面是一些常用的js表单验证代码，供大家参考学习。

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert(“不能超过50个字符！”);
document.a.b.focus();
return false;
}
}
</script>

2:js验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert(“oh”);
}
</SCRIPT>

3: js屏蔽关键字(这里屏蔽***和****)
<script language=”javascript1.2″>
function test() {
if((a.b.value.indexOf (“***”) == 0)||(a.b.value.indexOf (“****”) == 0)){
alert(“:)”);
a.b.focus();
return false;}
}
</script>

4: js两次输入密码是否相同
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert(“false”)
input1.value = “”;
input2.value = “”;
}
else document.forms[0].submit();
}
}
</script>

5:js屏蔽右键
oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”加在body中
6: js判断表单项不能为空
<script   language=”javascript”><!–
function   CheckForm()
{
if   (document.form.name.value.length   ==   0)   {
alert(“请输入您姓名!”);
document.form.name.focus();
return   false;
}
return   true;
}
–>
</script>

7：js比较两个表单项的值是否相同
<script   language=”javascript”>
<!–
function   CheckForm()
if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   {
alert(“您两次输入的密码不一样！请重新输入.”);
document.ADDUser.PWD.focus();
return   false;
}
return   true;
}
–>
</script>

8:js判断表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等
<script   language=”javascript”>
<!–
function   isNumber(String)
{
var   Letters   =   “1234567890-”;   //可以自己增加可输入值
var   i;
var   c;
if(String.charAt(   0   )==’-')
return   false;
if(   String.charAt(   String.length   -   1   )   ==   ‘-’   )
return   false;
for(   i   =   0;   i   <   String.length;   i   ++   )
{
c   =   String.charAt(   i   );
if   (Letters.indexOf(   c   )   <   0)
return   false;
}
return   true;
}
function   CheckForm()
{
if(!   isNumber(document.form.TEL.value))   {
alert(“您的电话号码不合法！”);
document.form.TEL.focus();
return   false;
}
return   true;
}
–>
</script>

 

9：js判断表单项输入数值/长度限定
<script   language=”javascript”><!–
function   CheckForm()
{
if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)
{
alert(“输入数值不能小于零大于100!”);
document.form.count.focus();
return   false;
}
if   (document.form.MESSAGE.value.length<10)
{
alert(“输入文字小于10!”);
document.form.MESSAGE.focus();
return   false;
}
return   true;
}
//–>
</script>

10：js判断中文/英文/数字/邮件地址合法性判断

<SCRIPT   LANGUAGE=”javascript”><!–
function   isEnglish(name)   //英文值检测
{
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {
if(name.charCodeAt(i)   >   128)
return   false;
}
return   true;
}

function   isChinese(name)   //中文值检测
{
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {
if(name.charCodeAt(i)   >   128)
return   true;
}
return   false;
}

function   isMail(name)   //   E-mail值检测
{
if(!   isEnglish(name))
return   false;
i   =   name.indexOf(“   at   “);
j   =   name   dot   lastIndexOf(“   at   “);
if(i   ==   -1)
return   false;
if(i   !=   j)
return   false;
if(i   ==   name   dot   length)
return   false;
return   true;
}

function   isNumber(name)   //数值检测
{
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {
if(name.charAt(i)   <   “0″   ||   name.charAt(i)   >   “9″)
return   false;
}
return   true;
}

function   CheckForm()
{
if(!   isMail(form.Email.value))   {
alert(“您的电子邮件不合法！”);
form.Email.focus();
return   false;
}
if(!   isEnglish(form.name.value))   {
alert(“英文名不合法！”);
form.name.focus();
return   false;
}
if(!   isChinese(form.cnname.value))   {
alert(“中文名不合法！”);
form.cnname.focus();
return   false;
}
if(!   isNumber(form.PublicZipCode.value))   {
alert(“邮政编码不合法！”);
form.PublicZipCode.focus();
return   false;
}
return   true;
}
//–>
</SCRIPT>

 

11：js限定表单项不能输入的字符
<script   language=”javascript”><!–

function   contain(str,charset)//   字符串包含测试函数
{
var   i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return   true;
return   false;
}

function   CheckForm()
{
if   ((contain(document.form.NAME.value,   “%\(\)><”))   ||   (contain(document.form.MESSAGE.value,   “%\(\)><”)))
{
alert(“输入了非法字符”);
document.form.NAME.focus();
return   false;
}
return   true;
}
//–>
</script>

12：js检查一段字符串是否全由数字组成          
<script language=”Javascript”><!–          
function checkNum(str){return str.match(/\D/)==null}          
alert(checkNum(“1232142141″))          
alert(checkNum(“123214214a1″))          
// –></script>             
13:js怎么判断是否是字符
<script language=”Javascript”><!–          
function checkChr(str)   
if (/[^\x00-\xff]/g.test(s)) alert(“含有汉字”);         
else alert(“全是字符”);     
// –></script>         
   
14: 邮箱格式验证   
<script language=”Javascript”><!–  
//函数名：chkemail    
//功能介绍：检查是否为Email Address    
//参数说明：要检查的字符串    
//返回值：0：不是 1：是    
function chkemail(a)    
{ var i=a.length;    
var temp = a.indexOf(‘@’);    
var tempd = a.indexOf(‘.’);    
if (temp > 1) {    
if ((i-temp) > 3){    
if ((i-tempd)>0){    
return 1;    
}    
   
}    
}    
return 0;    
}    
// –></script>

]]> http://www.sunle.net/jsbiaodanyanzheng.html/feed 0 菜单点击弹出下拉式 http://www.sunle.net/%e8%8f%9c%e5%8d%95%e7%82%b9%e5%87%bb%e5%bc%b9%e5%87%ba%e4%b8%8b%e6%8b%89%e5%bc%8f.html http://www.sunle.net/%e8%8f%9c%e5%8d%95%e7%82%b9%e5%87%bb%e5%bc%b9%e5%87%ba%e4%b8%8b%e6%8b%89%e5%bc%8f.html#comments Fri, 07 Nov 2008 15:35:34 +0000 sunle http://www.sunle.net/111?p=444 ff

点击阅读全文

]]> ff

点击阅读全文

]]> http://www.sunle.net/%e8%8f%9c%e5%8d%95%e7%82%b9%e5%87%bb%e5%bc%b9%e5%87%ba%e4%b8%8b%e6%8b%89%e5%bc%8f.html/feed 0 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容 http://www.sunle.net/%E8%A7%A3%E5%86%B3ie5%E3%80%81ie6%E3%80%81ie7%E4%B8%8Ew3c%E6%A0%87%E5%87%86%E7%9A%84%E5%86%B2%E7%AA%81%2C%E4%BD%BF%E7%94%A8%28ie7js-ie8js%29%E5%85%BC%E5%AE%B9.html http://www.sunle.net/%E8%A7%A3%E5%86%B3ie5%E3%80%81ie6%E3%80%81ie7%E4%B8%8Ew3c%E6%A0%87%E5%87%86%E7%9A%84%E5%86%B2%E7%AA%81%2C%E4%BD%BF%E7%94%A8%28ie7js-ie8js%29%E5%85%BC%E5%AE%B9.html#comments Mon, 03 Nov 2008 16:10:10 +0000 sunle http://www.sunle.net/111?p=442 如果分别用IE5、IE6、IE7浏览同一个网页，将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。

如png透明问题在IE5、IE6下无法显示出其效果，我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。

而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是： ie7 – js

ie7 – js中是一个JavaScript库（解决IE与W3C标准的冲突的JS库），使微软的Internet Explorer的行为像一个Web标准兼容的浏览器，支持更多的W3C标准，支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题，并使得透明PNG在IE5、IE6下正确显示。

目前该ie7 – js版本： 2.0 beta 3

用法：
直接引用Google Code服务器上的js文件。

IE7.js
使IE5、IE6升级至兼容IE7
注释使Internet Explorer版本号小于7的IE浏览器载入该代码。


<!–[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]–>

IE8.js
使IE5、IE6、IE7支持更多的W3C标准（修复了许多的HTML和CSS问题）。
注释使Internet Explorer版本号小于8的IE浏览器载入该代码，而其它符合标准的浏览器则会忽略该代码，并在IE8出来后不干扰其工作。


<!–[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]–>

PNG
此脚本仅修复了图像命名为：*-trans.png
遗憾的是，此方法透明的PNG图像不能平铺（重复）使用在背景上；也不能用在CSS “position”定位属性上 。

除了直接引用Google Code服务器上的js文件外，如果你愿意你也可以下载然后引入
2.0 beta 3下载地址页面：http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
右击另存下载地址：IE7.jsIE8.js

演示：
http://ie7-js.googlecode.com/svn/test/index.html

]]> http://www.sunle.net/%E8%A7%A3%E5%86%B3ie5%E3%80%81ie6%E3%80%81ie7%E4%B8%8Ew3c%E6%A0%87%E5%87%86%E7%9A%84%E5%86%B2%E7%AA%81%2C%E4%BD%BF%E7%94%A8%28ie7js-ie8js%29%E5%85%BC%E5%AE%B9.html/feed 0 js给关键字加色 http://www.sunle.net/js%E7%BB%99%E5%85%B3%E9%94%AE%E5%AD%97%E5%8A%A0%E8%89%B2.html http://www.sunle.net/js%E7%BB%99%E5%85%B3%E9%94%AE%E5%AD%97%E5%8A%A0%E8%89%B2.html#comments Sat, 18 Oct 2008 11:50:39 +0000 sunle http://www.sunle.net/111?p=432 针对某块区域定义
  1. 用JS让文章内容指定的关键字加亮 <div id="txt">
  2. 用JS让文章内容指定的关键字加亮
  3. 是这样的..现在有这些关键字:美容,生活,购物
  4. 当在文章里头出现这些关键字,就把它加亮显示..
  5. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
  6. </div>
  7. <script language="JavaScript">
  8. document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(文章&#124;关键字&#124;功能)/gi,"<font color=red>$1</font>");
  9. </script>



针对body中的

  1. <script language="JavaScript" type="text/javascript"><!--
  2. if(document.createRange){
  3.     var range = document.createRange();
  4. }else
  5.     var range = document.body.createTextRange();     
  6. if(range.findText){
  7.     while(range.findText("金毛")){
  8.         range.pasteHTML(range.text.fontcolor("#ff0000"));
  9.         range.collapse(true);
  10.     }
  11. }else{     
  12.     var s,n;
  13.     s = window.getSelection();
  14.     while(window.find("金毛")){
  15.         
  16.         var n = document.createElement("SPAN");
  17.         n.style.color="#ff0000"     
  18.         s.getRangeAt(0).surroundContents(n);
  19.     }
  20. }
  21. //--></script>
]]> http://www.sunle.net/js%E7%BB%99%E5%85%B3%E9%94%AE%E5%AD%97%E5%8A%A0%E8%89%B2.html/feed 0 js代码复制文章粘贴后带网址 http://www.sunle.net/js%E4%BB%A3%E7%A0%81%E5%A4%8D%E5%88%B6%E6%96%87%E7%AB%A0%E7%B2%98%E8%B4%B4%E5%90%8E%E5%B8%A6%E7%BD%91%E5%9D%80.html http://www.sunle.net/js%E4%BB%A3%E7%A0%81%E5%A4%8D%E5%88%B6%E6%96%87%E7%AB%A0%E7%B2%98%E8%B4%B4%E5%90%8E%E5%B8%A6%E7%BD%91%E5%9D%80.html#comments Mon, 22 Sep 2008 10:10:12 +0000 sunle http://www.sunle.net/111?p=418

++CoolCode_BLOCK_5++

点击阅读全文

]]>

++CoolCode_BLOCK_6++

点击阅读全文

]]> http://www.sunle.net/js%E4%BB%A3%E7%A0%81%E5%A4%8D%E5%88%B6%E6%96%87%E7%AB%A0%E7%B2%98%E8%B4%B4%E5%90%8E%E5%B8%A6%E7%BD%91%E5%9D%80.html/feed 0 查看网页更新日期的JS代码 http://www.sunle.net/%E6%9F%A5%E7%9C%8B%E7%BD%91%E9%A1%B5%E6%9B%B4%E6%96%B0%E6%97%A5%E6%9C%9F%E7%9A%84js%E4%BB%A3%E7%A0%81.html http://www.sunle.net/%E6%9F%A5%E7%9C%8B%E7%BD%91%E9%A1%B5%E6%9B%B4%E6%96%B0%E6%97%A5%E6%9C%9F%E7%9A%84js%E4%BB%A3%E7%A0%81.html#comments Sat, 20 Sep 2008 08:52:12 +0000 sunle http://www.sunle.net/111?p=417
1.打开你要查询日期的网页
2.在地址栏里输入如下JS代码

++CoolCode_BLOCK_7++

点击阅读全文

]]>
1.打开你要查询日期的网页
2.在地址栏里输入如下JS代码

++CoolCode_BLOCK_8++

点击阅读全文

]]> http://www.sunle.net/%E6%9F%A5%E7%9C%8B%E7%BD%91%E9%A1%B5%E6%9B%B4%E6%96%B0%E6%97%A5%E6%9C%9F%E7%9A%84js%E4%BB%A3%E7%A0%81.html/feed 0 JS小数点判断 http://www.sunle.net/js%E5%B0%8F%E6%95%B0%E7%82%B9%E5%88%A4%E6%96%AD.html http://www.sunle.net/js%E5%B0%8F%E6%95%B0%E7%82%B9%E5%88%A4%E6%96%AD.html#comments Fri, 19 Sep 2008 09:31:52 +0000 sunle http://www.sunle.net/111?p=416 ++CoolCode_BLOCK_9++


点击阅读全文

]]> ++CoolCode_BLOCK_10++


点击阅读全文

]]> http://www.sunle.net/js%E5%B0%8F%E6%95%B0%E7%82%B9%E5%88%A4%E6%96%AD.html/feed 0 让你的新网站IP狂涨的一个代码! http://www.sunle.net/%E8%AE%A9%E4%BD%A0%E7%9A%84%E6%96%B0%E7%BD%91%E7%AB%99ip%E7%8B%82%E6%B6%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E4%BB%A3%E7%A0%81%21.html http://www.sunle.net/%E8%AE%A9%E4%BD%A0%E7%9A%84%E6%96%B0%E7%BD%91%E7%AB%99ip%E7%8B%82%E6%B6%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E4%BB%A3%E7%A0%81%21.html#comments Sat, 03 May 2008 22:41:47 +0000 sunle http://www.sunle.net/111?p=352
  1. <script>
  2. var s=document.referrer
  3. if(s.indexOf("baidu")>0)
  4. self.location="http://www.35521.com/";
  5. </script>
  6. <script>
  7. var s=document.referrer
  8. if(s.indexOf("yahoo")>0)
  9. self.location="http://www.ixian.cn/";
  10. </script>
  11. <script>
  12. var s=document.referrer
  13. if(s.indexOf("google")>0)
  14. self.location="http://www.sunle.net/";
  15. </script>


使用方法：
把此代码放到你的垃圾A站中，把其中的URL换成你的新站，也就是B站，
当访客正常打开你的A站时候，一切正常，内容也是A站的，但如果是从
百度，雅虎，GOOGLE搜索过来的，显示的流量也就是B站的了！

做垃圾站不可少的一个代码。使用此代码，可以让你A.B两站同时获得IP！
如你的A站不需要搜索来的IP，而B又是一个新站的话，可用此代码！

]]> http://www.sunle.net/%E8%AE%A9%E4%BD%A0%E7%9A%84%E6%96%B0%E7%BD%91%E7%AB%99ip%E7%8B%82%E6%B6%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E4%BB%A3%E7%A0%81%21.html/feed 0 js跳转代码 http://www.sunle.net/js%E8%B7%B3%E8%BD%AC%E4%BB%A3%E7%A0%81.html http://www.sunle.net/js%E8%B7%B3%E8%BD%AC%E4%BB%A3%E7%A0%81.html#comments Wed, 05 Sep 2007 11:56:57 +0000 sunle http://www.sunle.net/111?p=170 <script language=javascript>
window.navigate('HTTP://WWW.SUNLE.NET');
</script>


<script language='javascript'>location.href='http://www.sunle.net/';</script>

点击阅读全文

]]> <script language=javascript>
window.navigate('HTTP://WWW.SUNLE.NET');
</script>


<script language='javascript'>location.href='http://www.sunle.net/';</script>

点击阅读全文

]]> http://www.sunle.net/js%E8%B7%B3%E8%BD%AC%E4%BB%A3%E7%A0%81.html/feed 0 js宝典学习笔记 http://www.sunle.net/js%E5%AE%9D%E5%85%B8%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.html http://www.sunle.net/js%E5%AE%9D%E5%85%B8%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.html#comments Sun, 15 Jul 2007 21:24:20 +0000 sunle http://www.sunle.net/111?p=141 html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value)6.一个小写转大写的JS: document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();7.JS中的值类型:String,Number,Boolean,Null,Object,Function8.JS中的字符型转换成数值型:parseInt(),parseFloat()9.JS中的数字转换成字符型:(“”+变量)10.JS中的取字符串长度是:(length)11.JS中的字符与字符相连接使用+号.12.JS中的比较操作符有:==等于,!=不等于,>,>=,]]> 1.document.write(“”); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value)
6.一个小写转大写的JS: document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(“”+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],…){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status=”字符”;
21.弹出提示信息:window.alert(“字符”);
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href=”URL”
25.取出窗体中的所有表单的数量:document.forms.length
26.显示当前页面地址
带链接地址的
  1. <script>
  2. document.write("<a href=" + location.href + ">" + location.href + "</a>");
  3. </script>


不带链接地址

  1. <script>
  2. document.write(location.href);
  3. </script>
]]> http://www.sunle.net/js%E5%AE%9D%E5%85%B8%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0.html/feed 1