Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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_Html_Css_Validation - Fatal编程技术网

使用javascript验证注册表

使用javascript验证注册表,javascript,html,css,validation,Javascript,Html,Css,Validation,控制台出现错误,请给我帮助 这是一个带有JavaScript验证的注册表单。在该表单中,所有输入都是强制性的,输入的电子邮件地址格式应正确。此外,在密码和确认密码中输入的值应相同。并且在使用JavaScript验证后,在出现错误的文本框中显示正确的错误消息。它也不显示错误消息 提前谢谢 html文件 <html> <head> <title>Registration Form..</title> <link rel

控制台出现错误,请给我帮助

这是一个带有JavaScript验证的注册表单。在该表单中,所有输入都是强制性的,输入的电子邮件地址格式应正确。此外,在密码和确认密码中输入的值应相同。并且在使用JavaScript验证后,在出现错误的文本框中显示正确的错误消息。它也不显示错误消息

提前谢谢

html文件

  <html>
    <head>
    <title>Registration Form..</title>
    <link rel="stylesheet" href="style.css"/>
    <script type="text/javascript" src="register.js"></script>
    </head>
    <body>
        <div class="outerContainer">
            <div class="header">
                <h3>Registration Form</h3>
            </div>
            <div class="innerContainer">
                <h5>Registration Form</h5>
                    <form name="registerform">
                        <ul>
                            <li>
                            <label>First Name:</label>
                                <input type="text" id="first" onKeyup="validate()"> <div id="errFirst"></div>
                            </li>
                            <li>
                            <label>Last Name:</label>
                                <input type="text" id="last" onkeyup="validate()"> <div id="errLast"></div>
                            </li>
                            <li>
                            <label>e-mail id:</label>
                                <input type="text" id="email" onkeyup="validate()"> <div id="errEmail"></div>
                            </li>
                            <li>
                            <label>User Id:</label>
                                <input type="text" id="uid" onkeyup="validate()"><div id="errUid"></div> 
                            </li>
                            <li>
                            <label>Password:</label>
                                <input type="password" id="pwd" onkeyup="validate()"> <div id="errPwd"></div>
                            </li>
                            <li>
                            <label>Confirm Password:</label>
                                <input type="password" id="confirm" onkeyup="validate()"> <div id="errConfirm"></div>
                            </li>
                            <li>
                                <input type="button" value="register" id="create" onclick="validate(); finalValidate();"><div id="errFinal"></div>
                            </li>
                        </ul>
                    </form>

            </div>
            <div class="footer">
                <h5>Copy rights @2017</h5>
            </div>
        </div>
    </body>
</html>
//javascript文件

 var divs=new Array();
divs[0]="errFirst";
divs[1]="errLast";
divs[2]="errEmail";
divs[3]="errUid";
divs[4]="errPwd";
divs[5]="errConfirm";

function validate(){
    var inputs=new Array();
    inputs[0]=document.getElementById('first').value;
    inputs[1]=document.getElementById('last').value;
    inputs[2]=document.getElementById('email').value;
    inputs[3]=document.getElementById('uid').value;
    inputs[4]=document.getElementById('pwd').value;
    inputs[5]=document.getElementById('confirm').value;
    var errors= new Array();
    errors[0]="<span>Please enter your First name!</span>";
    errors[1]="<span>Please enter your Last name!</span>";
    errors[2]="<span>Please enter your e-mail-id!</span>";
    errors[3]="<span>Please enter your User Id!</span>";
    errors[4]="<span>Please enter your Password!</span>";
    errors[5]="<span>Please enter your Confirm Password!</span>";
    for(i in inputs){

        var errMsg=errors[i];
        var divMsg=divs[i];
        if(inputs[i]=="")

            document.getElementById(divMsg).innerHTML=errMsg;

        else if(i==2){
            var atpos=inputs[i].indexOf("@");
            var dotpos=inputs[i].lastIndexOf(".");
            if(atpos<1 || dotpos<atpos+2 || dotpos+2>= inputs[i].length)
                document.getElementById('errEmail').innerHTML="<span>Enter Valid e-mail adderss!!</span>";
            else
                document.getElementById(divMsg).innerHTML="OK!";
        }else if(i==5){
            var ff=document.getElementById('pwd').value;
            var ss=document.getElementById('confirm').value;
            if(ss!=ff)
                document.getElementById("errConfirm").innerHTML="<span>Your password doesnot match..!!</span>";
            else
                document.getElementById(divMsg).innerHTML="OK!";
        }else
            document.getElementById(divMsg).innerHTML="OK!";
    }

}

    function finalValidate()

    {

         var count = 0;

        for(i=0;i<6;i++)

        {

          var divMsg = divs[i];

          if(document.getElementById(divMsg).innerHTML == "OK!")

               count = count + 1;

        }

       if(count == 6)

         document.getElementById("errFinal").innerHTML = "All the data you entered is correct!!!";
        else
            document.getElementById("errFinal").innerHTML="Please enter all the required fields.!!";

    }
var divs=new Array();
divs[0]=“errFirst”;
divs[1]=“errLast”;
divs[2]=“errEmail”;
divs[3]=“errUid”;
divs[4]=“errPwd”;
divs[5]=“errConfirm”;
函数验证(){
var输入=新数组();
输入[0]=document.getElementById('first')。值;
输入[1]=document.getElementById('last')。值;
输入[2]=document.getElementById('email')。值;
输入[3]=document.getElementById('uid')。值;
输入[4]=document.getElementById('pwd')。值;
输入[5]=document.getElementById('confirm')。值;
var errors=新数组();
错误[0]=“请输入您的名字!”;
错误[1]=“请输入您的姓氏!”;
错误[2]=“请输入您的电子邮件id!”;
错误[3]=“请输入您的用户Id!”;
错误[4]=“请输入您的密码!”;
错误[5]=“请输入您的确认密码!”;
对于(输入中的i){
var errMsg=错误[i];
var divMsg=divs[i];
如果(输入[i]==“”)
document.getElementById(divMsg).innerHTML=errMsg;
else如果(i==2){
var atpos=输入[i]。索引(“@”);
var dotpos=输入[i].lastIndexOf(“.”);

如果(atpos代码中有两个输入错误导致控制台出错

在HTML文件中

<div id="errLirst"></div>
删除divMsgid的引号,因为divMsg是一个变量

在JS文件中

vat dotpos=inputs[i].lastIndexOf(".");

变量dotpos的声明类型是var而不是var。

控制台中的错误是什么?这些CSS是否与问题相关?关于您的错误,请您的问题告诉我们它是什么。(此外,如果控制台报告错误,您应该能够单击错误消息中的行号,将其带到发生错误的行。可能是您放置
vat
而不是
var
的行号)谢谢..验证在这里完成..但插入另一个函数后它不会进行验证..您的确切错误是什么?单击register,finalvalidate()运行并给出正确的输出
 document.getElementById("divMsg").innerHTML="OK!";
vat dotpos=inputs[i].lastIndexOf(".");