首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

一个JS小玩意 几个属性相加不能超过一个特定值.

Posted in Javascript onSeptember 29, 2009

最有名的例子就是三国志和太阁里给新武将角色分配属性值啦.
在下不才,用javascript做了这么一个功能,顺便把页面中的链接下划线给隐藏掉.
大家看看,有什么更好的优化意见,大家尽管提.
下面是代码:
首先是test.html: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="JavaScript" src="util.js" type="text/JavaScript"></script> 
<link rel="stylesheet" href="link.css" type="text/css"> 
</HEAD> 
<BODY > 
<form name="Register1Form" method="POST" > 
<table> 
<tr> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"><div align="right">username</div></td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"> <div align="center"> 
<input name="username" type="text" size="10" maxlength="10" value="1"> 
</div></td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="bg2"> 
<div align="center"><font color="#FF0000"><font color="#FF0000"><font face="黑体"><a href="" onclick="javascript:add(Register1Form);return false;" class="A">＋</a></font></font></font></div& gt;</td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="bg2"> 
<div align="center"><font color="#FF0000"><font color="#FF0000"><font face="黑体"><a href="" onclick="javascript:subtration(Register1Form);return false;" class="A">－</a></font></font></font></div& gt;</td> 
</tr> 
<tr> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"><div align="right">meili</div></td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"> <div align="center"> 
<input name="meili" type="text" size="10" maxlength="10" value="1"> 
</div></td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="bg2"> 
<div align="center"><font color="#FF0000"><font color="#FF0000"><font face="黑体"><a href="" onclick="javascript:add2(Register1Form);return false;" class="A">＋</a></font></font></font></div& gt;</td> 
<td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="bg2"> 
<div align="center"><font color="#FF0000"><font color="#FF0000"><font face="黑体"><a href="" onclick="javascript:subtration2(Register1Form);return false;" class="A">－</a></font></font></font></div& gt;</td> 
</tr> 
</table> 
</form> 
</body> 
</html>

还有link.css: 
.A { 
text-transform: none; 
text-decoration: none; 
} 
.a:hover { 
text-decoration: underline 
}

最后是util.js(这个代码比较长了): 
var flag=false; 
function add(formname){ 
if (formname.username.value == "") { 
alert("请输入一个正整数"); 
formname.username.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false; 
} 
if( parseInt(formname.username.value)>0){ 
formname.username.value =parseInt(formname.username.value)+1; 
if(parseInt(formname.username.value)+parseInt(formname.meili.value)>10){ 
alert("输入的整数之和不得大于10"); 
formname.username.value =10-parseInt(formname.meili.value); 
return false; 
}else 
return true; 
}else{ 
alert("输入的整数必须大于0"); 
formname.username.value =1; 
return false; 
} 
} 
function subtration(formname){ 
if (formname.username.value == "") { 
alert("请输入一个正整数"); 
formname.username.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false; 
} 
if( parseInt(formname.username.value)>1){ 
formname.username.value =parseInt(formname.username.value)-1; 
if(parseInt(formname.username.value)+parseInt(formname.meili.value)>10){ 
alert("输入的整数之和不得大于10"); 
formname.username.value =10-parseInt(formname.meili.value); 
return false; 
}else 
return true; 
}else if(parseInt(formname.username.value) ==1){ 
alert("已经是最小值,不能再减了"); 
return false; 
}else{ 
alert("输入的整数必须大于1"); 
formname.username.value =1; 
return false; 
} 
} 
function add2(formname){ 
if (formname.meili.value == "") { 
alert("请输入一个正整数"); 
formname.meili.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false; 
} 
if( parseInt(formname.meili.value)>0){ 
formname.meili.value =parseInt(formname.meili.value)+1; 
if(parseInt(formname.username.value)+parseInt(formname.meili.value)>10){ 
alert("输入的整数之和不得大于10"); 
formname.meili.value =10-parseInt(formname.username.value); 
return false; 
}else 
return true; 
}else{ 
alert("输入的整数必须大于0"); 
formname.meili.value=1; 
return false; 
} 
} 
function subtration2(formname){ 
if (formname.meili.value == "") { 
alert("请输入一个正整数"); 
formname.meili.focus(); 
return false; 
} 
flag = checkscope(formname); 
if(flag==false){ 
return false; 
} 
if( parseInt(formname.meili.value)>1){ 
formname.meili.value =parseInt(formname.meili.value)-1; 
if(parseInt(formname.username.value)+parseInt(formname.meili.value)>10){ 
alert("输入的整数之和不得大于10"); 
formname.meili.value =10-parseInt(formname.username.value); 
return false; 
}else 
return true; 
}else if(parseInt(formname.meili.value) ==1){ 
alert("已经是最小值,不能再减了"); 
return false; 
}else{ 
alert("输入的整数必须大于1"); 
formname.meili.value=1; 
return false; 
} 
} 
function checkscope(formname){ 
if((parseInt(formname.username.value)>9)||(parseInt(formname.username.value)<1)){ 
alert("username输入数字超出允许的范围1-9"); 
formname.username.value=1; 
formname.username.focus(); 
return false; 
} 
if((parseInt(formname.meili.value)>9)||(parseInt(formname.meili.value)<1)){ 
alert("meili输入数字超出允许的范围1-9"); 
formname.meili.value=1; 
formname.meili.focus(); 
return false; 
} 
return true; 
}

三个文件放在同一文件夹下,然后试试效果,我肯定没骗你.

一个JS小玩意 几个属性相加不能超过一个特定值.

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
window.event快达到全浏览器支持了，以后使用就方便了
Nov 30 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
May 08 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
JavaScript数组排序小程序实现解析
Jan 13 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
IE FF OPERA都可用的弹出层实现代码
Sep 29 #Javascript
javascript 表单验证常见正则
Sep 28 #Javascript
javascript 页面划词搜索JS
Sep 28 #Javascript
jquery 模式对话框终极版实现代码
Sep 28 #Javascript
javascript的onchange事件与jQuery的change()方法比较
Sep 28 #Javascript
支持ie与FireFox的剪切板操作代码
Sep 28 #Javascript
javaScript 简单验证代码（用户名，密码，邮箱)
Sep 28 #Javascript
分布式追踪(1) HBuilder(1) delete in(1) Express(1) 查询效率(1) kubernetes(1) group by(1) 条形码(1) Three.js(1) GPU(1)
You might like
超级好用的一个php上传图片类(随机名，缩略图，加水印)
2010/06/30 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
PHP实现数据分页显示的简单实例
2016/05/26 PHP
Python中使用django form表单验证的方法
2017/01/16 PHP
js 小数取整的函数
2010/05/10 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
axios拦截设置和错误处理方法
2018/03/05 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
angular 表单验证器验证的同时限制输入的实现
2019/04/11 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
JS实现选项卡插件的两种写法（jQuery和class）
2020/12/30 jQuery
go和python调用其它程序并得到程序输出
2014/02/10 Python
python一键去抖音视频水印工具
2018/09/14 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
python实现飞船游戏的纵向移动
2020/04/24 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
电子商务毕业生求职信
2013/11/10 职场文书
邮政员工辞职信
2014/01/16 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
教师思想工作总结2015
2015/05/13 职场文书
法定代表人免职证明
2015/06/24 职场文书
军事理论课感想
2015/08/11 职场文书
餐厅开业活动方案
2019/07/08 职场文书