发表于: 2019-02-15 22:47:12
1 527
今天完成的事情:任务二继续完善,包括一,解决了input 里面的内容残留的问题。刷新之后仍然保留,解决的办法是加入一行代码:localStorage.clear();我还尝试过:sessinonStorage.clear(); $("#waterman-word").val(“”),以及在input文本输入框中加一条属性autocomplete="off",这些方法在我当前页面都不起作用,不过,也算长知识了。 二,解决了弹出警告框不弹出直接跳转的问题。之前的正则表达不正确,还有就是没考虑完整,比如input的value为“”的情况,调整后的相关代码如下:
$("#footer-button").click(function() {
let k =$("#waterman-word").val();
let m =$("#ghost-word").val();
let z = $("#slidervalue1").val();
let r10 = /^(([\u4E00-\u9FA5]{1,10})|([A-Za-z0-9 ]{1,10}))$/;
let rel = /^(([1-9])|(1[0-8]))$/;
//弹出对话框
if (k=="" || m=="" || r10.test(k)==false || r10.test(m)==false){
$(".dialog .dialog-text").html("请输入10字以内正确的词组");
$(".dialog").show();
$(".black-layer").show();
}else if(z=="" || z<4 || rel.test(z)==false){
$(".dialog .dialog-text").html("请输入正确的玩家数量");
$(".dialog").show();
$(".black-layer").show();
}else{
window.location.href="./pass.html"
}
});
明天的计划,继续任务二,处理bug。
遇到的问题:滑块预置的value为8,我之前是没预置的,如下:
当我设置如下的时候发现滑块不能拖动了,原因不明。
$("#slider1").val("8");
showValue();
收获:input内容清除,正则表达,模拟弹出dialog和自定义滑块
评论