发表于: 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和自定义滑块




         

         


                         


返回列表 返回列表
评论

    分享到