总结之JQuery基语法应用（四）——经常用的上的示例总结

逃离我推掉我的手 2024-04-19 11:36 45阅读 0赞

## 一、JQuery对页面元素自动计算 ##

#### 失去焦点获取每个需要值相加（name法） ####

$("input[name='formBean.programmeBuildFund']").blur(function(){
    		 var programmeBuildFund = Number($("input[name='formBean.programmeBuildFund']").val());
    		 var programmeBuildOtherFund = Number($("input[name='formBean.programmeBuildOtherFund']").val());
    		 var prepareFund = Number($("input[name='formBean.prepareFund']").val());
    		 //处理丢失精准度
    		 totalAssets = (programmeBuildFund*100+programmeBuildOtherFund*100+prepareFund*100)/100;
    		 $("input[name='formBean.totalAssets']").val(totalAssets);
    	});
    	 $("input[name='formBean.programmeBuildOtherFund']").blur(function(){
    		 var programmeBuildFund = Number($("input[name='formBean.programmeBuildFund']").val());
    		 var programmeBuildOtherFund = Number($("input[name='formBean.programmeBuildOtherFund']").val());
    		 var prepareFund = Number($("input[name='formBean.prepareFund']").val());
    		 totalAssets = (programmeBuildFund*100+programmeBuildOtherFund*100+prepareFund*100)/100;
    		 $("input[name='formBean.totalAssets']").val(totalAssets);
    	});
    	 $("input[name='formBean.prepareFund']").blur(function(){
    		 var programmeBuildFund = Number($("input[name='formBean.programmeBuildFund']").val());
    		 var programmeBuildOtherFund = Number($("input[name='formBeanprogrammeBuildOtherFund']").val());
    		 var prepareFund = Number($("input[name='formBean.prepareFund']").val());
    		 totalAssets = (programmeBuildFund*100+programmeBuildOtherFund*100+prepareFund*100)/100;
    		 $("input[name='formBean.totalAssets']").val(totalAssets);
    	});

处理丢失精准度（化为整数在相加，这里输入框现在2位小数）

#### 失去焦点获取每个需要值相加（class法） ####

//所有计算input加上class -> add，遍历相加

$(".add").on("blur", function() {
    			var totalInvestment = 0;
    			$(".add").each(function() {
    				totalInvestment += parseFloat($(this).val());
    			});
    			$("input[name='digitalInfrastructure.totalInvestment']").attr("value", totalInvestment);
    		})

## 绑定回车键事件 ##

//绑定回车键登陆事件
    	document.onkeydown = function(event) {
    		var e = event || window.event || arguments.callee.caller.arguments[0];
    		if (e && e.keyCode == 13) { // enter 键
    			$("#submitForm").click();
    		}
    	};

## 密码有效性验证 ##

## 基础密码校验 ##

//校验是同时含有数字和字母，且长度要在8-16位之间 
    	function isNumbAndLetter(str) {
    		var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/;
    		return reg.test(str);
    	}