asp密码框分步填写,密码分段输入,防机器人随机禁用输入框

╰+攻爆jí腚メ 2021-09-26 12:34 322阅读 0赞

演示图,第一步,6位密码中,先输入两个,另4个禁用,点击提交后,再从另外4个位置中选两可填,另四个禁止  
![\#\# 标题 \#\#][SouthEast]

提交后,第二个输入框效果

![这里写图片描述][SouthEast 1]

第一个auth.asp内容为

<form class="stdform" action="auth2.asp" method="post">
    <% Dim tt , tt2 tt=Split("0,1,2,3,4,5",",") '随机排序 randomize for ii=0 to 5 b=int(rnd()*6) temp=tt(b) tt(b)=tt(ii) tt(ii)=temp Next tt2=tt(2)&","&tt(3)&","&tt(4)&","&tt(5) 'response.write tt2 %>
          <script type="text/javascript"> $(function(){ //$("#dual<%= tt(2) %>").attr("placeholder","-----"); $("#dual<%= tt(2) %>").attr("title","禁止填写"); $("#dual<%= tt(2) %>").attr("disabled","disabled"); $("#dual<%= tt(2) %>").attr("style","background:#555"); //$("#dual<%= tt(3) %>").attr("placeholder","-----"); $("#dual<%= tt(3) %>").attr("title","禁止填写"); $("#dual<%= tt(3) %>").attr("disabled","disabled"); $("#dual<%= tt(3) %>").attr("style","background:#555"); //$("#dual<%= tt(4) %>").attr("placeholder","-----"); $("#dual<%= tt(4) %>").attr("title","禁止填写"); $("#dual<%= tt(4) %>").attr("disabled","disabled"); $("#dual<%= tt(4) %>").attr("style","background:#555"); //$("#dual<%= tt(5) %>").attr("placeholder","-----"); $("#dual<%= tt(5) %>").attr("title","禁止填写"); $("#dual<%= tt(5) %>").attr("disabled","disabled"); $("#dual<%= tt(5) %>").attr("style","background:#555"); }); </script>
    <input name="hiden_var" value="<%= tt2 %>" type="hidden"/>
        <label for="catcha">第二登入密码 </label>
        <input id="dual0" type="password" name="dualpassword1" size="1" maxlength="1" value="" title="" placeholder="1st"/>
        <input id="dual1" type="password" name="dualpassword2" size="1" maxlength="1" value="" placeholder="2nd"/>
        <input id="dual2" type="password" name="dualpassword3" size="1" maxlength="1" value="" placeholder="3rd"/>
        <input id="dual3" type="password" name="dualpassword4" size="1" maxlength="1" value="" placeholder="4th"/>
        <input id="dual4" type="password" name="dualpassword5" size="1" maxlength="1" value="" placeholder="5th"/>
        <input id="dual5" type="password" name="dualpassword6" size="1" maxlength="1" value="" placeholder="6th"/>    
    <input type="submit" name="login" value="提交" />
      </form>

第二个auth2.asp内容为

<form class="stdform" action="auth3.asp" method="post">
    <%
    Dim tt , tt2
    tt=Split(Request.Form("hiden_var"),",")
    '随机排序   
    randomize   
    for ii=0 to 3   
     b=int(rnd()*4)   
     temp=tt(b)   
     tt(b)=tt(ii)   
     tt(ii)=temp 
    Next
    tt2=tt(2)&","&tt(3)
     'response.write tt2
    %>
          <script type="text/javascript">
    $(function(){
    //$("#dual<%= tt(2) %>").attr("placeholder","-----");
    $("#dual<%= tt(2) %>").attr("title","禁止填写");
    $("#dual<%= tt(2) %>").attr("disabled","disabled");
    $("#dual<%= tt(2) %>").attr("style","background:#555");
    
    //$("#dual<%= tt(3) %>").attr("placeholder","-----");
    $("#dual<%= tt(3) %>").attr("title","禁止填写");
    $("#dual<%= tt(3) %>").attr("disabled","disabled");
    $("#dual<%= tt(3) %>").attr("style","background:#555");
    
    
    });
    
    </script>
    <input name="hiden_var" value="<%= tt2 %>" type="hidden"/>
     <label for="catcha">第二登入密码 </label>
    
        <input id="dual0"  type="password" name="dualpassword1"    size="1"<% if len(Request.Form("dualpassword1"))>0 Then response.write "style='background:#555'" else response.write "placeholder='1nd' " end If %> maxlength="1" value="<%= Request.Form("dualpassword1") %>"   />
        <input id="dual1"  type="password" name="dualpassword2"   size="1" maxlength="1"<% if len(Request.Form("dualpassword2"))>0 Then response.write " style='background:#555'" else response.write "placeholder='2nd'" end If %> value="<%= Request.Form("dualpassword2") %>"  />
        <input id="dual2"  type="password" name="dualpassword3"   size="1" maxlength="1" <% if len(Request.Form("dualpassword3"))>0 Then response.write " style='background:#555'" else response.write "placeholder='3nd'" end If %>value="<%= Request.Form("dualpassword3") %>"  />
        <input id="dual3"  type="password" name="dualpassword4"   size="1" maxlength="1" <% if len(Request.Form("dualpassword4"))>0 Then response.write " style='background:#555'" else response.write "placeholder='4nd' " end If %>value="<%= Request.Form("dualpassword4") %>"/>
        <input id="dual4"  type="password" name="dualpassword5"  size="1" maxlength="1" <% if len(Request.Form("dualpassword5"))>0 Then response.write "style='background:#555'" else response.write "placeholder='5nd' " end If %>value="<%= Request.Form("dualpassword5") %>"  />
        <input id="dual5"  type="password" name="dualpassword6"   size="1" maxlength="1" <% if len(Request.Form("dualpassword6"))>0 Then response.write " style='background:#555'" else response.write "placeholder='6nd'" end If %>value="<%= Request.Form("dualpassword6") %>"   />
                    <input type="submit" name="login" value="提交" />
    
      </form>

第三个文件内容为auth3.asp

<form class="stdform" action="act.asp" method="post">
                                 <label for="catcha">第二登入密码 </label>         
        <input id="dual0" class="span1" type="password" name="dualpassword1"  required="required"  size="1"<% if len(Request.Form("dualpassword1"))>0 Then response.write "style='background:#555'" else response.write "placeholder='1nd' " end If %> maxlength="1" value="<%= Request.Form("dualpassword1") %>"   />
        <input id="dual1" class="span1" type="password" name="dualpassword2" required="required"  size="1" maxlength="1"<% if len(Request.Form("dualpassword2"))>0 Then response.write " style='background:#555'" else response.write "placeholder='2nd'" end If %> value="<%= Request.Form("dualpassword2") %>"  />
        <input id="dual2" class="span1" type="password" name="dualpassword3" required="required"  size="1" maxlength="1" <% if len(Request.Form("dualpassword3"))>0 Then response.write " style='background:#555'" else response.write "placeholder='3nd'" end If %>value="<%= Request.Form("dualpassword3") %>"  />
        <input id="dual3" class="span1" type="password" name="dualpassword4" required="required"  size="1" maxlength="1" <% if len(Request.Form("dualpassword4"))>0 Then response.write " style='background:#555'" else response.write "placeholder='4nd' " end If %>value="<%= Request.Form("dualpassword4") %>"/>
        <input id="dual4" class="span1" type="password" name="dualpassword5" required="required" size="1" maxlength="1" <% if len(Request.Form("dualpassword5"))>0 Then response.write "style='background:#555'" else response.write "placeholder='5nd' " end If %>value="<%= Request.Form("dualpassword5") %>"  />
        <input id="dual5" class="span1" type="password" name="dualpassword6" required="required"  size="1" maxlength="1" <% if len(Request.Form("dualpassword6"))>0 Then response.write " style='background:#555'" else response.write "placeholder='6nd'" end If %>value="<%= Request.Form("dualpassword6") %>"   />
                    <input type="submit" name="login" value="提交" />
      </form>

![请打赏谢谢大佬][70]

[SouthEast]: /images/20210923/6fd5d2f061ed4c07a9cf0fc1ff9f37b3.png
[SouthEast 1]: /images/20210923/8f490b7ff25d40498be7c6d469ace00a.png
[70]: /images/20210923/407ec614be8e49c881ce961dc673d7b2.png