直接上代码
//这是两个输入框
<input id="bds" type="text" value="请输入四则表达式"/>
<button id="count">点击计算</button>
<input id="value" type="text">
</body>
<script src="js/jquery-1.10.2.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
var bds=$("#bds").val(); //取表达式框里的值
var str="请输入四则表达式"
$("#bds").click(function(){ //点击表达式输入框,判断bds是否等于str
if(bds==str){$("#bds").val("");} //如果这两个相等,让输入框里的值bds变成一个空字符串
});
$("#count").click(function(){
var text=$("#bds").val();
var reg=/^\d+(\.*\d{0,2})([+*/-]\d+(\.*\d{0,2}))+$/
// 两个/ …… /之间的一串是正则,以^开头以$结尾,第一段是\d+(\.*\d{0,2})
//分解一下 \d 表示0-9,\d+表示任意多个0-9(拿1举例,可以是1,可以是11,可以是111,表示任意位数的整数)
// \d+(\.*\d{0,2}) 括号里的是转义小数点\.*就表示可以有小数点也可以不要小数点,后面的\d{0,2}表示小数点的位数可以有0到2位(这个可以根据自己的要求写)
// ( [+*/-]\d+(\.*\d{0,2}) ) + [ ]之间的表示加减乘除的任意一个,红色标注的和上面一样也是表示一个数字,蓝括号后面有一个加号表示这个括号里面的内容
//可以是任意多个,如1+2-3*2 等等,可以达到连续运算的效果
if(reg.test(text)){
var result=eval(text);//eval(String);可以自己去了解一下
$("#value").val(result);
}else{
alert("请输入正确的四则运算");
}
});
});
</script>