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