当前位置：网站首页>(JS) use the properties and methods of the string object to realize the registration and login functions. The length of the user name is required to be in the range of 3-10 and the password is 6-20 ch

(JS) use the properties and methods of the string object to realize the registration and login functions. The length of the user name is required to be in the range of 3-10 and the password is 6-20 ch

2022-04-22 23:13:00 【Did you add pepper?】

**

subject ： utilize String The properties and methods of the object realize the functions of registration and login , The length of the user name is required to be 3-10 Within the scope of , Password in 6-20 position .

Ideas ： Do a simple login registration , It doesn't need to be too complicated ！
Call two functions in one general function , use switch Function realization , For login and registration respectively . A little more detail will ok Slightly . The code is not perfect , Too lazy to write any more , Just lie down .

<!DOCTYPE html >
<html>
<head>
</head>

<body>
<al>
  <ul>
    <center><p>  user name ：
      <input id="a" type="text" value=" The user name is in the length of 3-10 Within the scope of ">
    </p>
    <p> password ：
      <input id="b" type="text" value=" Password in 6-20 position ">
    </p>
    <input id="c" type="button" value=" register " onClick="fun(1)">
    <input id="d" type="button" value=" Sign in " onClick="fun(2)">
        </center>
  </ul>
</al>
<script>
   var a=new String("111")
   var b =new String("222")
   var c,i,j
   
   
    function fun(c){
      
          a =  document.getElementById("a").value// Get the value of the text box 
          b =  document.getElementById("b").value
       
   switch(c){
    
            case 1:zhuce()// Used to obtain the judgment input value , Registration part 
                i=a
                j =b
                break
            case 2:denglu()// Used to verify whether it is consistent with the registration , Login section 
                break
        }

        
        function zhuce(){
    // Used to obtain the judgment input value , Registration part 
           
            if (Boolean(a) && Boolean(b)){
      // If two characters are not empty 
                if(a.length>=3 && a.length<=10 ){
     // Judge user name input  
                    if (b.length>=6 && b.length<=20){
    
                            alert(" Registered successfully ！")
                      
                    }
                    else{
    
                        alert(" Wrong password ！")
                    }
                }
                else{
    
                    alert(" User name input error ！")
                }
            }
            else{
    
                alert(" Input error ！ Please re-enter your user name and password ！")
            }
        }
        
        
        function denglu(){
      // Used to verify whether it is consistent with the registration , Login section 
          
            a =  document.getElementById("a").value
          b =  document.getElementById("b").value
        if (a==i){
    
            if(b==j){
    
                alert(" Login successful ！")
            }
            else{
    
                alert(" Login failed ！")
            }
        }
         else{
    
            alert(" Login failed ！")
        }
        
      
    }
       
    }
   
</script>
</body>
</html>

The operation result is as shown in the figure ：
Insert picture description here
Insert picture description here

版权声明
本文为[Did you add pepper?]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204222309549481.html

边栏推荐

猜你喜欢

随机推荐