IT博客-无业бю游民-随笔分类-webhttp://www.cnitblog.com/weiweibbs/category/8381.htmlhobozh-cnTue, 27 Sep 2011 17:24:26 GMTTue, 27 Sep 2011 17:24:26 GMT60用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码http://www.cnitblog.com/weiweibbs/archive/2009/09/05/61256.htmlhobohoboSat, 05 Sep 2009 04:56:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/09/05/61256.htmlhttp://www.cnitblog.com/weiweibbs/comments/61256.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/09/05/61256.html#Feedback4http://www.cnitblog.com/weiweibbs/comments/commentRss/61256.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/61256.html 

1.文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">


hobo 2009-09-05 12:56 发表评论
]]>kimsoft-jscalendar 简介http://www.cnitblog.com/weiweibbs/archive/2009/07/10/59998.htmlhobohoboFri, 10 Jul 2009 07:28:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59998.htmlhttp://www.cnitblog.com/weiweibbs/comments/59998.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59998.html#Feedback1http://www.cnitblog.com/weiweibbs/comments/commentRss/59998.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/59998.html

1.什么是kimsoft-jscalendar

  • 一个简洁的avaScript日历控件，可在Java Web 项目，.NET Web 项目中使用

2 kimsoft-jscalendar 有什么特点

  • 1、小巧，单文件
  • 2、支持多语言，并可自由扩充（目前支持简体中文，繁体中文，英语美国和英语英国）
  • 3、兼容ie6.0+, firefox1.0+, Opera9，其它浏览器未测试
  • 4、回显选定的时间，这是很多其它日历控件没有的
  • 5、Apache license 2.0，商业友好。可免费使用，自由修改传播，但请保留版权信息
  • 6、用 iframe 解决 IE 中层在 select 控件上显示的问题
  • 7、其它特点有待发现...

3使用说明:

3.1、将 js 文件导入到页面中（可以是 html, jsp, asp, aspx, php）等。

<script type="text/javascript" src="calendar.js"></script>


注意以下点：

  •  calendar.js 文件内容编写是UTF-8，请一定要将此文件的编码设置为UTF-8
  •  上面的代码内容一定要放在HTML的<body></body>之间，特别是在符合XHTML规范的文档中
  • 包含此文件后，此页面已经自动实例化了一个日历对象 calendar，现在就可以使用了

3.2、一个最简单的例子

用预定义的 calendar 对象生成日历代码：<input name="date" type="text" id="date" onclick="calendar.show(this);" size="10" maxlength="10" readonly="readonly" />
效果：


当然也可以这样：

 

new 一个新的日历对象并生成日历代码：<input name="date" type="text" id="date" onclick="new Calendar().show(this);" size="10" maxlength="10" readonly="readonly "/>

指定开始年份和结束年份的日历
指定开始年份和结束年份的日历代码：<input name="range_date" type="text" id="range_date" onclick="new Calendar(2000, 2008).show(this);" size="10" maxlength="10" readonly="readonly" />

多语言版本支持（可自由扩充），目前支持的语言：0(zh_cn)|1(en_us)|2(en_en)|3(zh_tw)
中文日历代码： <input name="cn_date" type="text" id="cn_date" onclick="new Calendar().show(this);" size="10" maxlength="10" readonly="readonly" />


繁体中文日历代码： <input name="tw_date" type="text" id="tw_date" onclick="new Calendar(null, null, 3).show(this);" size="10" maxlength="10" readonly="readonly" />

英文日历代码： <input name="en_date" type="text" id="en_date" onclick="new Calendar(null, null, 1).show(this);" size="10" maxlength="10" readonly="readonly" />

在一个控件上点击选择，在另外一个控件上显示日期
代码：
<input name="control_date" type="text" id="control_date"size="10" maxlength="10" readonly="readonly" />
<input type="button" name="button" id="button" value="选择日期" onclick="new Calendar().show(this.form.control_date);" />


文件下载：/Files/weiweibbs/calendar.js

 /Files/weiweibbs/help.rar

hobo 2009-07-10 15:28 发表评论
]]>关于base target="_self" 等http://www.cnitblog.com/weiweibbs/archive/2009/07/10/59985.htmlhobohoboFri, 10 Jul 2009 01:18:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59985.htmlhttp://www.cnitblog.com/weiweibbs/comments/59985.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59985.html#Feedback6http://www.cnitblog.com/weiweibbs/comments/commentRss/59985.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/59985.html　　其实<a>、<form>等很多标签都支持target="black"的属性，建议在这样的标签里单独做设置，比如：
<a href="xxx.htm" target="_blank">超链接内容</a> 
<form action="xxx.htm" target="_blank">
         表达内容
       <input type="submit" value="提交按钮">
 </form>
如果不加这一句，默认均为本页刷新，即target="_self"。
　在网页中，经常碰到这种情况：点击某些链接，就会弹出新窗口，原来的页面部改变，而有些链接，就在原窗口上打开新的链接，原窗口没有了，被覆盖了。这个是为什么呢？怎么实现的呢?
        target=_blank,这个标签，就是解决这个问题的。<base target=_blank>是将基本链接的目标框架都改为新页打开，即弹出新窗口。<a>、<form>等很多标签都支持target="black"的属性，可以在这样的标签里单独做设置，比如：
<a href="xxx.htm" target="_blank">超链接内容</a>
<form action="xxx.htm" target="_blank">
         表达内容
<input type="submit" value="提交按钮">
</form>
如果不加这一句，默认均为本页刷新，即target="_self"。还有两个这样的标签，<target=_top>表示在整页窗口打开，<target=_parent>表示在父窗口打开。
<a href="http://www.try0212.blog.sohu.com/" target="_blank">单独定义，新窗口打开</a>
<a href="http://www.try0212.blog.sohu.com/" target="_self">单独定义，相同窗口打开</a>
<a href="http://www.try0212.blog.sohu.com/" target="_top">单独定义，整页窗口打开</a>
<a href="http://www.try0212.blog.sohu.com/" target="_parent">单独定义，父窗口打开</a>
另外，这只是单独设置，如果有在某个页面上有很多的链接或者form表单，逐一的添加标签会很麻烦，有没有类似批处理的呢？
这就要用到<base target=_xxx> ，这是基本的HTML语言。用<base target=_××>来设置这个网页所有链接的目标窗口。也就是说，网页中只要添加<base target=_××>这句，那么所有的超链接就无须单独设置。最好将这句写在<head>和</head>之间。例如
<base target=_blank>表示网页中所有的超链接的目标地址都在新建窗口中打开。
<base target=_self>表示网页中所有的超链接的目标地址都在原窗口上打开。
当然，这样的标签有时也会碰到麻烦。
1 不符合标准　
当我们使用W3C过渡型标准时，即DOCTYPE(xh tml1-transitional. dtd)，没有问题，但是使用严格的标准时，即DOCTYPE(xhtml1-strict.dtd)，就会出错，错误提示：
"there is no attribute target for this element(in this HTML version)"
原因是，外国人认为，不经过用户同意，就随便打开新窗口，是不礼貌的，不尊重用户的，可参看 http://bbs.chinahtml.com/showthread.php?t=53657
那碰到这种情况时怎么办呢？
HTML4.0增加了一个新属性：rel，这个属性用来说明链接和包含此链接页面的关系，以及链接打开的目 标。rel有许多的属性值，比如next、previous,、chapter、section等等。我们要使用的就是rel="externa l"属性。原来这样写的代码：
<a href="document.html" target="_blank"> 打开一个新窗口</a> 现在要写成这样：
<a href="document.html" rel="external">打开一个 新窗口</a> 这是符合strict标准的方法。当然还必须配合一个javascript才有效。
javascript
完整的代码JS如下：
function externallinks() { 
if (!document.getElementsByTagName) return; 
var anchors = document.getElementsByTagName("a"); 
for (var i=0; i<anchors.length; i++) { 
var anchor = anchors; 
if (anchor.getAttribute("href") && 
anchor.getAttribute("rel") == "external") 
anchor.target = "_blank"; 
} 
} 
window.onload = externallinks; 
你可以把它保存成一个.js文件(比如external.js)，然后通过外部联接方法调用：
<script type="text/javascript" src="external.js"></script> 就是这样。
2 浏览器不支持
有时，使用了上述标签，但是，任旧不见效果，比如使用了target=_blank,却不能弹出窗口，这是因为，有些浏览器被用户设置了，不让弹出窗口，当然这样设置是为了屏蔽广告，因此，这是就无法打开新窗口，知道了原因，解决就很简单了，在浏览器中设置一下就可以了。

hobo 2009-07-10 09:18 发表评论
]]>select checkbox 控制inputhttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59984.htmlhobohoboFri, 10 Jul 2009 01:13:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59984.htmlhttp://www.cnitblog.com/weiweibbs/comments/59984.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/07/10/59984.html#Feedback1http://www.cnitblog.com/weiweibbs/comments/commentRss/59984.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/59984.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function SetReadOnly(){ 
if (document.all.testselect.value == 0){ 
document.all.testinput.disabled = true; 
document.all.testinput.readOnly = true; 
document.all.testinput.value = 0; 
} 
else{ 
document.all.testinput.disabled = false; 
document.all.testinput.readOnly = false; 
} 
} 
function SetReadOnly2(){ 

if (document.all.checkbox1.checked) 
{ 
document.all.testinput.disabled = false; 
document.all.testinput.readOnly = false; 
document.all.testinput.value = 1; 
} 
else 
{ 
document.all.testinput.disabled = true; 
document.all.testinput.readOnly = true; 
document.all.testinput.value = 0; 
} 
} 
//--> 
</SCRIPT> 
</HEAD> 
<BODY onload="SetReadOnly()"> 
<!--<select id="testselect" onchange="SetReadOnly()"> 
<option value="0">非表示</option> 
<option value="1">表示</option> 
</select> --> 
<input id="testinput" type="text" value="a"> 

<input type='checkbox' name='checkbox1' id='checkbox1' value='7' onclick="SetReadOnly2()"> 

</BODY> 
</HTML> 


hobo 2009-07-10 09:13 发表评论
]]>