900字范文 > 使用html5+js完成费用报销单的功能

使用html5+js完成费用报销单的功能

时间：2019-08-16 04:00:07

费用报销单的功能的前端功能完成

代码

JS部分

function sumMomey(value) {var MoneyCount = 0for(var i = 0;i<100;i++){if($("[name='accountDetailList["+i+"].singleMoney']").val()){MoneyCount += parseFloat($("[name='accountDetailList["+i+"].singleMoney']").val());}}console.log("MoneyCount==="+MoneyCount);//赋值$("#allMoney").attr("value",MoneyCount.toFixed(2));}

<script>/*** 字符串非空判断*/function isNullOrWhiteSpace(str) {if (str == null) {return true;}if (typeof (str) == "undefined") {return true;}if (typeof (str) == "string") {return str.trim() === "" || str.trim() == null;}return false;}/*** 保留小数千分位格式化*/function numFormat(num) {var res = num.toString().replace(/\d+/, function (n) {// 先提取整数部分return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {return $1 + ",";});});return res;}/*** 金额change事件*/function toFormatAmount(obj) {var val = $(obj).val();// 空显示"-"，可能负数if (!isNullOrWhiteSpace(val.replace(/-/g, ""))) {var valSplitBarLen = val.split("-").length;var valSplitPointLen = val.split(".").length;var sign = "-" == val.substr(0, 1) ? "-" : "";// 最多一个小数点，输入为数字if (valSplitBarLen > 2 || valSplitPointLen > 2 || !isNumber(val.replace(/-/g, "").replace(/,/g, "").replace(/\./g, ""))) {$.notice("请输入正确格式", "danger");$(obj).val("")return;}var resVal = val.replace(/-/g, "").replace(/,/g, "");resVal = parseFloat(resVal).toFixed(2);resVal = numFormat(resVal);resVal = sign + resVal;$(obj).val(resVal);}}/*** 是否是数字*/function isNumber(num) {var patrn = /^\d+(\.\d+)?$/;if (!patrn.exec(num)) {return false;}return true;}/*** 设置为千分位* @param obj*/function clearNoNum(obj){//修复第一个字符是小数点的情况.if(obj.value !=''&& obj.value.substr(0,1) == '.'){alert('请传入一个合法数');obj.value="";}obj.value = obj.value.replace(/^0*(0\.|[1-9])/, '$1');//解决粘贴不生效obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额if(obj.value.substr(0,1) == '0' && obj.value.length == 2){obj.value= obj.value.substr(1,obj.value.length);}}}</script>

//增加行function addrow(){var rowNum = $("#rowNum").attr("rowspan");var rownumNew = Number(rowNum)+1;var indexNum = Number(rowNum)-1;var html = $("#otherRow").html();html = html.replaceAll("999",indexNum);$("#message").before(html);laydate.render({elem: '#materDate_'+indexNum //指定元素});$("#rowNum").attr("rowspan",rownumNew);}//删除行function deleterow(obj){var indexNum = $(obj).parent().parent().attr("class");//获取该元素的位置indexNum = indexNum.split("_")[1];var objDom = $(obj).parent().parent().nextAll();//获取该元素后面的同级元素,并遍历for(var i=0;i<objDom.length;i++){if($(objDom[i]).attr("id") != "other"){continue}indexNum = Number(indexNum)+1//替换下面元素的下标，自动减一var objHtml = $(objDom[i]).html();var newNum = indexNum-1;objHtml = objHtml.replaceAll(indexNum,indexNum-1);$(".other_"+indexNum).html(objHtml);$(".tdRow_"+newNum).attr("colSpan","2");var classObj = Number(indexNum)-1;$(".other_"+indexNum).attr("class","other_"+classObj);}//移除该元素$(obj).parent().parent().remove();var rowNum = $("#rowNum").attr("rowspan");var rownumNew = Number(rowNum)-1;$("#rowNum").attr("rowspan",rownumNew);}

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。