场景:在删除之后先判断一下用户是否已勾选要删除的数据,做一个弹窗出现先进行短信验证或者手机号验证。
/**
* 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('<liferay-ui:message key="login.factor.email"/>:');
$('#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('<liferay-ui:message key="login.factor.sms"/>:');
$('#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