运维系列&js系列【仅供参考】：jsp 删除前先做短信验证

---

jsp 删除前先做短信验证

摘要

本文介绍了在前端删除操作前如何通过弹窗进行用户验证，包括短信或邮箱验证。通过检查用户是否勾选待删除项，若未选择则提示用户。同时展示了如何根据用户邮箱和手机号进行显示选项的选择及数据脱敏处理。在JSP环境中，演示了如何使用jQuery操作DOM元素，并展示了.show()和.hide()方法用于元素的显示和隐藏。

正文

场景：在删除之后先判断一下用户是否已勾选要删除的数据，做一个弹窗出现先进行短信验证或者手机号验证。

/**
 * 1，弹出框
 */
function myFunction() {
	var bol = $("input[type='checkbox']").is(':checked')
	if(bol==false){
		alert('至少选择一个删除');
		return ;
	}
	
	var email = '${userMap.email}';
	var sms = '${userMap.mobile}';
	console.log("值都拿到了，为什么会渲染不上去呢？"+"${userMap}"); 
	if(email!=null||email!=''){
		$('#emailoption').removeAttr("hidden"); // removeAttr() 方法从被选元素中移除属性。
		$('#emailoption').attr("selected", "selected"); // 设置属性值
		$('#authentication_type').html(':'); 
		$('#personFaInfo').val(email.substring(0,3)+"***"+email.substring(email.length-3,email.length));
	}else{// 目的：如果手机号不为空，就默认给它选中，并做脱敏处理。(需要发送(提交)，展示是脱敏的值，提交的时候用真实的值。)
		if(sms!=null||sms!=''){
			$('#smsoption').removeAttr("hidden");
			$('#smsoption').attr("selected", "selected");
			$('#authentication_type').html(':');
			$('#personFaInfo').val(sms.substring(0,3)+"***"+sms.substring(sms.length-3,sms.length));
		}
	}
	$('#portsuccess').show(); // 展示，
	$('.login_common_pop').show();
}

小结：
	1，jsp中，"${userMap}" 和 "${requestScope.userMap}"同样的用法。
		console.log("${userMap}"); 
		console.log("${requestScope.userMap}");
	2，$('#emailoption').removeAttr("hidden"); // removeAttr() 方法从被选元素中移除属性。
	3，$('#emailoption').attr("selected", "selected"); // 设置属性。也可以设置多个属性。
	4，处理脱敏数据小技巧，脱敏的值使用一个值，需要提交的值就用未脱敏的值。
	5，.show() 展示; .hide() 隐藏, 对应的css style="display: none;"。

www.w3school.com.cn网站：https://www.w3school.com.cn/jquery/index.asp

---

杜小烈

jsp 删除前先做短信验证