Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想做一份登记表,但脚本不能按我想要的方式工作_Javascript - Fatal编程技术网

Javascript 我想做一份登记表,但脚本不能按我想要的方式工作

Javascript 我想做一份登记表,但脚本不能按我想要的方式工作,javascript,Javascript,要验证检查点,表单必须在以下情况下显示警报: 其中一个输入为空 密码少于8个字符 没有有效的电子邮件地址 密码必须是字符、数字和至少一个大写字母的组合 最后,重置按钮将所有输入重置为空: //Variable declaration var username=document.forms["Registration"]["name"]; var e_mail=document.forms["Registration"]["email"]; var password=document.form

要验证检查点,表单必须在以下情况下显示警报:

  • 其中一个输入为空
  • 密码少于8个字符
  • 没有有效的电子邮件地址
  • 密码必须是字符、数字和至少一个大写字母的组合
  • 最后,重置按钮将所有输入重置为空:

    //Variable declaration
    
    var username=document.forms["Registration"]["name"];
    var e_mail=document.forms["Registration"]["email"];
    var password=document.forms["Registration"]["psw1"];
    var passwordcheck=document.forms["Registration"]["psw2"];
    
    //add eventListener
    username.addEventListener("blur", NameVerify, true);
    e_mail.addEventListener("blur", EmailVerify, true);
    password.addEventListener("blur", PasswordVerify, true);
    passwordcheck.addEventListener("blur", PasswordVerify, true);
    
    // validate the registration   
    function Validate(){
        if (username.value=="")
        {
            alert("username is required");
            username.focus()
            return false;
        }
        if (e_mail.value=="")
        { 
           alert("Email is required");
           e_mail.focus()
           return false;
        }
        if (password.value=="")
        {
           alert("Password is required");
           password.focus()
           return false;
        }
        if (passwordcheck.value=="")
        {    
           alert("Re-enter your password");
           passwordcheck.focus()
           return false;
        }
        if(password.value != passwordcheck.value){
          alert("Password do not match!!")
          passwordcheck.focus()
          return false;
        }
    }
    
    //check the username value
    function NameVerify(username){
        if (username.value !=0) {
            document.querySelector.backgroundColor = lightGrey;
            return true;
        }
    }
    
    //check the e_mail
    function EmailVerify(e_mail){          
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.`\w{2,3})+$/.test(Registration.email.value))`
        {
             return (true)
        }
        alert("You have entered an invalid email address!")
        e_mail.focus()
        return (false)
    }
    
    //check the password
    function PasswordVerify(password){
        var psw = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,20}$/;
    
        if(password.value.match(psw)) 
        { 
             alert('Correct, try another...')
             return true;
        }
        else
        { 
             alert('Wrong!!')
             return false;
        }        
    }
    
    // clear all text inputs when the page is loaded
    function clearInp() {
        document.getElementsByTagName("input").value = "";
        return true;
    }
    
    //reset all text fields
    function Reset() {
        document.querySelector("#Registration").reset();
        return true;
    }
    

    • 所有这些都不需要任何JavaScript

      • 其中一个输入为空
      • 密码少于8个字符
      • 没有有效的电子邮件地址
      • 密码必须是字符、数字和至少一个大写字母的组合
      • 最后,重置按钮将所有输入重置为空

      从表单中删除所有JavaScript代码后,您将发现表单中不再存在任何JavaScript错误;)

      你的代码中到底有什么不起作用?密码检查不起作用是的,我知道,但我想用JSF做所有检查。为什么?你为什么要这样做?我的任务是使用JavaScriptA构建一个注册表单“任务”不应该告诉你怎么做。“任务”应该类似于创建注册表。该表单的具体构建方式应由开发人员决定。作为开发人员,您的工作是弄清细节。分配任务的人不需要要求用JavaScript完成任务,特别是当JS客观上是一种“错误”的方式时。
      <input type="text" required />
      <input type="password" minlength="8" />
      <input type="email" />
      <input type="password" pattern="(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}" />
      <input type="reset" value="Reset form" />