`
qepipnu
  • 浏览: 76850 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javaScript实用代码集

阅读更多
1、四舍五入函数:
//number为某实数,n为要保留的小数位数
function myRound(number,n) { 
   number = Math.round(number*Math.pow(10,n))/Math.pow(10,n);
   return  number; 
}


2、文本框中只能输入数字的函数:
//只能输入数字
//用法 <input name="old" type="text" ONKEYPRESS="event.returnValue=IsDigit();">
function IsDigit()
{
   return ((event.keyCode >= 48) && (event.keyCode <= 57));
}


3、去除字符串中的空格的函数:
//去空格函数
//用法 str = cTrim(str,0);
function cTrim(sInputString,iType)
{
var sTmpStr = ' ';
var i = -1;
if(iType == 0 || iType == 1)
{
while(sTmpStr == ' ')
{
++i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(i);
}

if(iType == 0 || iType == 2)
{
sTmpStr = ' ';
i = sInputString.length;
while(sTmpStr == ' ')
{
--i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(0,i+1);
}
return sInputString;
}


4、在表格上完全屏蔽鼠标右键:
<table oncontextmenu="return(false)">
<tr>
<td>
可在此加入网页元素
</td>
</tr>
</table>


5、取消选取、防止复制:
<body onselectstart="return false">


6、去掉图片链接点击后周围的虚线:
<a href="#" onFocus="this.blur()"><img src="picName.jpg" border=0></a>


7、在子窗口中刷新父窗口:
window.opener.location.reload();


8、设定打开页面的大小:
<body onload="top.resizeTo(300,200);">
<body onload="top.moveBy(300,200);">

9、自动转向
三秒钟后....跳转

<div id ="num"></div>

<script language="javascript">
var leftTime = 3;
function go(){
  document.getElementById("num").innerText=leftTime;//把上面div的值做显示!
  leftTime -=1;
  if(leftTime<=0){
      document.location.href("cart.jsp");
  }
}

setInterval(go,1000);//每隔1秒钟调用一次
</script>

10、删除多用户
function deleteall(){

var select=false;
var checkboxs = document.getElementsByName("checkbox2");
//判断是否有选中其中的项
    for(var i=0;i<checkboxs.length;i++){
    if(checkboxs[i].checked == true){
    select=true;
    break;
    }
    }
if(select == true){
if(confirm("确定删除选中的所有该用户?")){
var sql="";
for(var i=0;i<checkboxs.length;i++){
    if(checkboxs[i].checked == true){
    sql +=checkboxs[i].value + ","//构造一个ID串,用于数据库删除
    }
   }
   sql=sql.substring(0,sql.length-1);//去掉最后一个","
   deleteUsers(sql);
}

}else{
alert("你还没有选择,请选择!!");
}
}




表单验证:

<script>

/*
用途:校验ip地址的格式
输入:strIP:ip地址
返回:如果通过验证返回true,否则返回false;

*/
function isIP(strIP) {
if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}

/*
用途:检查输入字符串是否为空或者全部都是空格
输入:str
返回:
如果全是空返回true,否则返回false
*/
function isNull( str ){
if ( str == "" ) return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}


/*
用途:检查输入对象的值是否符合整数格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false

*/
function isInteger( str ){
var regu = /^[-]{0,1}[0-9]{1,}$/;
return regu.test(str);
}

/*
用途:检查输入手机号码是否正确
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function checkMobile( s ){
var regu =/^[1][3][0-9]{9}$/;
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}


/*
用途:检查输入字符串是否符合正整数格式
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isNumber( s ){
var regu = "^[0-9]+$";
var re = new RegExp(regu);
if (s.search(re) != -1) {
return true;
} else {
return false;
}
}

/*
用途:检查输入字符串是否是带小数的数字格式,可以是负数
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isDecimal( str ){
if(isInteger(str)) return true;
var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (re.test(str)) {
if(RegExp.$1==0&&RegExp.$2==0) return false;
return true;
} else {
return false;
}
}

/*
用途:检查输入对象的值是否符合端口号格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false

*/
function isPort( str ){
return (isNumber(str) && str<65536);
}

/*
用途:检查输入对象的值是否符合E-Mail格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false

*/
function isEmail( str ){
var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
if(myReg.test(str)) return true;
return false;
}

/*
用途:检查输入字符串是否符合金额格式
格式定义为带小数的正数,小数点后最多三位
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isMoney( s ){
var regu = "^[0-9]+[\.][0-9]{0,3}$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
} else {
return false;
}
}
/*
用途:检查输入字符串是否只由英文字母和数字和下划线组成
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isNumberOr_Letter( s ){//判断是否是数字或字母

var regu = "^[0-9a-zA-Z\_]+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}
/*
用途:检查输入字符串是否只由英文字母和数字组成
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isNumberOrLetter( s ){//判断是否是数字或字母

var regu = "^[0-9a-zA-Z]+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}
/*
用途:检查输入字符串是否只由汉字、字母、数字组成
输入:
value:字符串
返回:
如果通过验证返回true,否则返回false

*/
function isChinaOrNumbOrLett( s ){//判断是否是汉字、字母、数字组成

var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}

/*
用途:判断是否是日期
输入:date:日期;fmt:日期格式
返回:如果通过验证返回true,否则返回false
*/
function isDate( date, fmt ) {
if (fmt==null) fmt="yyyyMMdd";
var yIndex = fmt.indexOf("yyyy");
if(yIndex==-1) return false;
var year = date.substring(yIndex,yIndex+4);
var mIndex = fmt.indexOf("MM");
if(mIndex==-1) return false;
var month = date.substring(mIndex,mIndex+2);
var dIndex = fmt.indexOf("dd");
if(dIndex==-1) return false;
var day = date.substring(dIndex,dIndex+2);
if(!isNumber(year)||year>"2100" || year< "1900") return false;
if(!isNumber(month)||month>"12" || month< "01") return false;
if(day>getMaxDay(year,month) || day< "01") return false;
return true;
}

function getMaxDay(year,month) {
if(month==4||month==6||month==9||month==11)
return "30";
if(month==2)
if(year%4==0&&year%100!=0 || year%400==0)
return "29";
else
return "28";
return "31";
}

/*
用途:字符1是否以字符串2结束
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false

*/
function isLastMatch(str1,str2)
{
var index = str1.lastIndexOf(str2);
if(str1.length==index+str2.length) return true;
return false;
}


/*
用途:字符1是否以字符串2开始
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false

*/
function isFirstMatch(str1,str2)
{
var index = str1.indexOf(str2);
if(index==0) return true;
return false;
}

/*
用途:字符1是包含字符串2
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false

*/
function isMatch(str1,str2)
{
var index = str1.indexOf(str2);
if(index==-1) return false;
return true;
}


/*
用途:检查输入的起止日期是否正确,规则为两个日期的格式正确,
且结束如期>=起始日期
输入:
startDate:起始日期,字符串
endDate:结束如期,字符串
返回:
如果通过验证返回true,否则返回false

*/
function checkTwoDate( startDate,endDate ) {
if( !isDate(startDate) ) {
alert("起始日期不正确!");
return false;
} else if( !isDate(endDate) ) {
alert("终止日期不正确!");
return false;
} else if( startDate > endDate ) {
alert("起始日期不能大于终止日期!");
return false;
}
return true;
}

/*
用途:检查输入的Email信箱格式是否正确
输入:
strEmail:字符串
返回:
如果通过验证返回true,否则返回false

*/
function checkEmail(strEmail) {
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if( emailReg.test(strEmail) ){
return true;
}else{
alert("您输入的Email地址格式不正确!");
return false;
}
}

/*
用途:检查输入的电话号码格式是否正确
输入:
strPhone:字符串
返回:
如果通过验证返回true,否则返回false

*/
function checkPhone( strPhone ) {
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;
var prompt = "您输入的电话号码不正确!"
if( strPhone.length > 9 ) {
if( phoneRegWithArea.test(strPhone) ){
return true;
}else{
alert( prompt );
return false;
}
}else{
if( phoneRegNoArea.test( strPhone ) ){
return true;
}else{
alert( prompt );
return false;
}
}
}

</script>
<form name=a onsubmit="return checkPhone(document.a.b.value);">
<INPUT TYPE="text" NAME="b">
<input type="submit" name="Submit" value="check">
</form>
分享到:
评论

相关推荐

    JavaScript特效代码集

    总之,JavaScript特效代码集是一个全面而实用的学习资源,无论是新手还是资深开发者,都能从中受益。通过深入研究和应用这些代码,你可以提升自己的JavaScript技能,创造出更具吸引力和交互性的网页。

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    javascript简单代码全集

    本文件中的JavaScript代码覆盖了多种实用功能,包括对话框操作、窗口控制、XML处理以及各种验证功能。这些代码对于初学者来说是非常有价值的资源,可以帮助他们快速上手并掌握JavaScript的基本用法。同时,通过实践...

    网页javascript 精华代码集.doc

    在这个"网页JavaScript精华代码集"中,主要介绍了几个关于弹出窗口的JavaScript实现方式,这对于网页开发者来说是非常实用的知识点。 首先,最基本的弹出窗口是通过`window.open()`函数实现的。在文档中,给出了一...

    javascript源代码集

    这个“javascript源代码集”很可能包含了各种JavaScript的示例代码、项目模板或者框架的源文件,可能是为了帮助开发者学习和理解JavaScript的语法、函数、对象、事件处理以及更高级的概念如模块化、异步编程等。...

    70多个JavaScript实用特效代码集

    这个"70多个JavaScript实用特效代码集"显然是一份包含多种JavaScript特效的资源库,非常适合开发者们参考和使用。下面将详细介绍其中可能涵盖的一些JavaScript知识点。 1. **DOM操作**:JavaScript通过Document ...

    JavaScript的特效代码集

    本资源“JavaScript的特效代码集”汇集了一系列有趣的、实用的JavaScript特效,旨在帮助开发者快速实现各种视觉效果,提升网页的吸引力和用户体验。 1. **页面加载动画**:在用户等待网页完全加载的过程中,一些...

    JavaScript特效代码集——rar

    JavaScript特效代码集是一个汇集了各种JavaScript编程技巧和实用特效的资源包,主要涵盖了时间日期处理、鼠标事件响应、状态栏特效、页面展示效果、图形图像操作以及按钮交互等多个方面。这个压缩包为开发者提供了一...

    JavaScript特效代码集.rar

    这个“JavaScript特效代码集”包含了多种常见的JavaScript特效实现,这些代码可以帮助开发者快速理解和应用JavaScript技术来创建生动有趣的网页元素。 1. **DOM操作**:JavaScript能够通过Document Object Model...

    网页javascript精华代码集

    在"网页javascript精华代码集"中,我们很可能会找到一系列高效、实用的代码片段,这些代码可以帮助开发者节省时间,提高生产力,同时也为优化网页性能提供可能。 1. DOM操作:JavaScript提供了对HTML文档对象模型...

    javascript 源代码集

    javascript 源代码集中包含了丰富的简单实用的例子,给初学者很好的帮助!

    JavaScript源代码集

    常用Javascript源代码汇总。 如何在首页显示当前的让你的主页能够自动识别来访者使用的浏览器; 一种一条一条显示信息的跑马灯; 自动滚屏并不一定需要Dhtml,到这里看看喔! 在页面上提供向前,向后翻页的按钮。...

    40个直接可以拿来用的JavaScript实用功能代码

    总的来说,这40个JavaScript实用功能代码提供了丰富的工具集,涵盖了日常开发中的多种场景。无论是初学者还是经验丰富的开发者,都可以从中受益,提升开发效率。通过不断学习和实践,开发者可以更好地掌握JavaScript...

    JavaScript精华代码2(图片集)

    这个名为"JavaScript精华代码2(图片集)"的压缩包文件,显然包含了一系列与JavaScript相关的图片,这些图片可能涵盖了JavaScript的核心概念、常用函数、编程技巧以及一些实用示例。以下是对这些潜在知识点的详细...

    精选实用JavaScript代码片段集:30-seconds-of-code

    推荐理由:一个收集精选实用 JavaScript 代码片段的项目,每个代码片段都可以在 30 秒或更短的时间内理解。这个集合覆盖了 JavaScript 中许多常见任务的简短、易懂的解决方案,为开发者提供了快速参考和学习的资源。

Global site tag (gtag.js) - Google Analytics