如何在表单验证期间在javascript中同时显示所有错误消息？ [英] How to display all error message simultaneously in javascript during form validation?

问题描述

我已经编写了表单验证代码。我已经把条件语句同时显示所有错误消息，但它不起作用。请检查我的代码，并请帮助



<！DOCTYPE html>





< title>网页设计



函数validate（）{

fname = document.registartion.fname.value;

lname = document.registartion.lname.value;

uname = document.registartion.uname.value;

email = document.registartion.email .value;

pwd = document.registartion.pwd.value;

cpwd = document.registartion.cpwd.value;

// var exp = / ^ [A-Za-z] + $ /;

// var result = exp.test（fname）

// var result_lname = exp.test （lname）



if（fname.length =='0'）{

document.getElementById（fn）。innerHTML = 名字是强制性的;

document.getElementById（fn）。style.color =red

document.registartion.fname.focus（）;

返回false;

}

if（/ ^ [A-Za-z] + $ / .test（fname）== false）{

文件。 getElementById（fn）。innerHTML =名字应该只包含字母;

document.getElementById（fn）。style.color =red

document.registartion.fname.focus（）;

返回false;

}

if（lname.length =='0'）{

document.getElementById（ln）。innerHTML =姓氏是强制性的;

document.getElementById（ln）。style.color =red

document.registartion.lname.focus（）;

返回false;

}

if（/ ^ [A-Za-z] + $ / .test（lname）== false）{

document.getElementById（fn）。innerHTML =姓氏应该只包含字母;

document.getElementById（fn）。style.color =red

document.registartion.lname.focus（）;

return false;

}

if（uname.length =='0'）{

document.getElementById（un）。innerHTML = 用户名是强制性的;

document.getElementById（un）。style.color =red

document.registartion.uname.focus（）;

返回false;

}

if（/^[A-Za-z0-9]+$/.test(uname)==== false）{

document.getElementById（un）。innerHTML =UserName应该只包含字母字符;

document.getElementById（un）。style。 color =red

document.registartion.uname.focus（）;

返回false;

}

if（email.length =='0'）{

document.getElementById（email）。innerHTML =Email is mandatory;

document.getElementById（ email）。style.color =red

document.registartion.email.focus（）;

return fa lse;

}

if（/^([a-zA-Z0-9_\.\-])+\@(([a-azA -Z0-9 \ - ]）+ \。）+（[a-zA-Z0-9] {2,4}）+ $ / .test（email）== false）{

document.getElementById（email）。innerHTML =无效的电子邮件ID;

document.getElementById（email）。style.color =red

document.registartion.email.focus（）;

返回false;

}

if（pwd.length =='0'） {

document.getElementById（pwd）。innerHTML =密码是强制性的;

document.getElementById（pwd）。style.color =red

document.registartion.pwd.focus（）;

返回false;

}

if（/ ^ （？= * [0-9]。）（= * [@＃$％^&安培;！*]。）[A-ZA-Z0-9 @＃$％^&安培;！*] {6,16 } $ / .test（pwd）== false）{

document.getElementById（pwd）。innerHTML =密码无效;

document.getElementById（ pwd）。style.color =red

docume nt.registartion.pwd.focus（）;

返回false;

}

if（cpwd.length =='0'）{

document.getElementById（cpwd）。innerHTML =确认密码是强制性的;

document.getElementById（cpwd）。style.color =red

document.registartion.cpwd.focus（）;

返回false;

}

if（pwd！ = cpwd）

{

document.getElementById（cpwd）。innerHTML =密码不匹配;

document.getElementById（cpwd ）。style.color =red

document.registartion.cpwd.focus（）;

返回false;

}

}

PyExam注册模块

< br $>

名字
姓氏
用户名
电子邮件ID
密码
确认密码

我的尝试：



我写了一个表单验证的代码。我已经把条件语句同时显示所有错误消息，但它不起作用

解决方案

/;

// var result = exp.test（fname）

// var result_lname = exp.test（lname）



if（fname.length =='0 '）{b / b
document.getElementById（fn）。innerHTML =名字是强制性的;

document.getElementById（fn）。style.color = red

document.registartion.fname.focus（）;

返回false;

}

if （/ ^ [A-Za-z] +

/ .test（fname）== false）{

document.getElementById（fn）。 innerHTML =名字应该只包含字母;

document.getElementById（fn）。style.color =red

document.registartion.fname.focus （）;

返回false;

}

if（lname.length == '0'）{b / b
document.getElementById（ln）。innerHTML =姓氏是强制性的;

document.getElementById（ln）。style。 color =red

document.registartion.lname.focus（）;

返回false;

}

if（/ ^ [A-Za-z] +

/.test（lname）== false）{

document.getElementById（fn ）.innerHTML =姓氏应该只包含字母;

document.getElementById（fn）。style.color =red

document.registartion.lname .focus（）;

返回false;

}

if（uname.length =='0'）{

document.getElementById（un）。innerHTML =用户名是强制性的;

document.getElementById（un）。style.color =red

document.registartion.uname.focus（）;

返回false;

}

if（/ ^ [A-Za- Z0-9] +

I have written a code for form validation. I have put conditional statements to display all the error messages simultaneously, but it is not working. Please check my code and kindly help

<!DOCTYPE html>


<title>Web Page Design

function validate(){
fname=document.registartion.fname.value;
lname=document.registartion.lname.value;
uname=document.registartion.uname.value;
email=document.registartion.email.value;
pwd=document.registartion.pwd.value;
cpwd=document.registartion.cpwd.value;
//var exp = /^[A-Za-z ]+$/;
//var result =exp.test(fname)
//var result_lname =exp.test(lname)

if (fname.length=='0'){
document.getElementById("fn").innerHTML="First Name is mandatory";
document.getElementById("fn").style.color="red"
document.registartion.fname.focus();
return false;
}
if (/^[A-Za-z ]+$/.test(fname)==false){
document.getElementById("fn").innerHTML="First Name should only contains alphabets";
document.getElementById("fn").style.color="red"
document.registartion.fname.focus();
return false;
}
if (lname.length=='0'){
document.getElementById("ln").innerHTML="Last Name is mandatory";
document.getElementById("ln").style.color="red"
document.registartion.lname.focus();
return false;
}
if (/^[A-Za-z ]+$/.test(lname)==false){
document.getElementById("fn").innerHTML="Last Name should only contains alphabets";
document.getElementById("fn").style.color="red"
document.registartion.lname.focus();
return false;
}
if (uname.length=='0'){
document.getElementById("un").innerHTML="User Name is mandatory";
document.getElementById("un").style.color="red"
document.registartion.uname.focus();
return false;
}
if (/^[A-Za-z0-9]+$/.test(uname)==false){
document.getElementById("un").innerHTML="UserName should only contain alphanuneric characters";
document.getElementById("un").style.color="red"
document.registartion.uname.focus();
return false;
}
if (email.length=='0'){
document.getElementById("email").innerHTML="Email is mandatory";
document.getElementById("email").style.color="red"
document.registartion.email.focus();
return false;
}
if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)==false) {
document.getElementById("email").innerHTML="Invalid Email id";
document.getElementById("email").style.color="red"
document.registartion.email.focus();
return false;
}
if (pwd.length=='0'){
document.getElementById("pwd").innerHTML="Password is mandatory";
document.getElementById("pwd").style.color="red"
document.registartion.pwd.focus();
return false;
}
if (/^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{6,16}$/.test(pwd)==false){
document.getElementById("pwd").innerHTML="Password is invalid";
document.getElementById("pwd").style.color="red"
document.registartion.pwd.focus();
return false;
}
if (cpwd.length=='0'){
document.getElementById("cpwd").innerHTML="Confirm Password is mandatory";
document.getElementById("cpwd").style.color="red"
document.registartion.cpwd.focus();
return false;
}
if (pwd != cpwd)
{
document.getElementById("cpwd").innerHTML="Password mismatch";
document.getElementById("cpwd").style.color="red"
document.registartion.cpwd.focus();
return false;
}
}

PyExam Registration Module

First Name
Last Name
User Name
Email id
Password
Confirm Password

What I have tried:

I have written a code for form validation. I have put conditional statements to display all the error messages simultaneously, but it is not working

解决方案

/;
//var result =exp.test(fname)
//var result_lname =exp.test(lname)

if (fname.length=='0'){
document.getElementById("fn").innerHTML="First Name is mandatory";
document.getElementById("fn").style.color="red"
document.registartion.fname.focus();
return false;
}
if (/^[A-Za-z ]+

/.test(fname)==false){
document.getElementById("fn").innerHTML="First Name should only contains alphabets";
document.getElementById("fn").style.color="red"
document.registartion.fname.focus();
return false;
}
if (lname.length=='0'){
document.getElementById("ln").innerHTML="Last Name is mandatory";
document.getElementById("ln").style.color="red"
document.registartion.lname.focus();
return false;
}
if (/^[A-Za-z ]+

/.test(lname)==false){
document.getElementById("fn").innerHTML="Last Name should only contains alphabets";
document.getElementById("fn").style.color="red"
document.registartion.lname.focus();
return false;
}
if (uname.length=='0'){
document.getElementById("un").innerHTML="User Name is mandatory";
document.getElementById("un").style.color="red"
document.registartion.uname.focus();
return false;
}
if (/^[A-Za-z0-9]+

这篇关于如何在表单验证期间在javascript中同时显示所有错误消息？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！