Javascript 我的jquery表单验证中的问题_Javascript_Jquery

Javascript 我的jquery表单验证中的问题

javascript jquery

Javascript 我的jquery表单验证中的问题,javascript,jquery,Javascript,Jquery,我的jquery表单验证中的问题这里有四个字段：用户名、电子邮件、密码、确认密码。但前两个字段将被验证，第三个字段将不被验证。我不知道原因是什么。？代码如下所示 $(document).ready(function() { $('#signup').click(function(){ if(validateSignUpForm()) alert('valid form'); else alert('validation error'); });

我的jquery表单验证中的问题

这里有四个字段：用户名、电子邮件、密码、确认密码。但前两个字段将被验证，第三个字段将不被验证。我不知道原因是什么。？代码如下所示

$(document).ready(function() {
    $('#signup').click(function(){
        if(validateSignUpForm()) alert('valid form');
        else alert('validation error');
    });

});

function IsEmail() {
    var emails=document.forms["signUpForm"]["email"].value;
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    var valid= regex.test(emails);
    if(!valid){
        alert("Email not valid..");
        return false;
    } else {
        return true;
    }
}

function validateSignUpForm() {
    var isValid = true;
    var errorMessage = '';

    var username = $('#username').val();
    var email = $('#email1').val();
    var pass1 = $('#password1').val();
    var pass2 = $('#confirmpass1').val();

    if(!username) {
        isValid = false;
        errorMessage += ' \n * Please enter a user name.';
    }

    if(!email) {
        isValid = false;
        errorMessage += ' \n * Please enter your email.';
    } 
    else {

        return IsEmail();

    } 
    if(!pass1){
        isValid = false;
        errorMessage += ' \n * Please enter your password..';
    } 

    if(!isValid) {
        alert('You have some validation errors. Please fix the following errors to               continue.'+errorMessage);      
    }

    return isValid;
}
   </script>
   </head>

   <body>
   <div id="wrapper">
       <div id="titlebar">
     <img src="img/title.PNG" width="300px" height="25px"/>
      <form method="post" name="signUpForm" id="signUp"  >
     </div>
     <div id="username_cont">
     <!-- <img src="img/username.PNG" width="250px" height="30px"/>-->
     <input type="text" class="inputpassword" placeholder="username" name="username" id="username"/>
     </div>
     <div id="email">
     <input type="email" class="inputpassword" placeholder="email" name="email" id="email1"/>
     </div>
     <div id="password">
     <input type="password" class="inputpassword" placeholder="password" name="password" id="password1"/>
     </div>
     <div id="confirmpwd">
     <input type="password" class="inputpassword" placeholder="confirm password" name="confirmpassword"  id="confirmpass1"  onkeyup="return checkPass(); return false;"/>
     </div>
     <div id="signupConfirm">
     <button type="button"  name="submit" id="signup">
     <img src="img/signUPlogin.PNG" width="230px" height="30px">
     </button>
     </div>
     </form>
     </div>
     </body>

$（文档）.ready（函数（）{
$（“#注册”）。单击（函数（）{
if（validateSignUpForm（））警报（“有效形式”）；
else警报（“验证错误”）；
});
});
函数IsEmail（）{
var emails=document.forms[“signUpForm”][“email”].value；
变量正则表达式=/^（[a-zA-Z0-9.+-]）+\@（[a-zA-Z0-9-]）+\.）+（[a-zA-Z0-9]{2,4}）+$/；
var valid=正则表达式测试（电子邮件）；
如果（！有效）{
警报（“电子邮件无效…”）；
返回false；
}否则{
返回true；
}
}
函数validateSignUpForm（）{
var isValid=true；
var errorMessage=''；
var username=$（'#username'）.val（）；
var email=$（'#email1'）.val（）；
var pass1=$（'#password1'）.val（）；
var pass2=$（'confirmpass1'）.val（）；
如果（！用户名）{
isValid=false；
errorMessage+='\n*请输入用户名'；
}
如果（！电子邮件）{
isValid=false；
errorMessage+='\n*请输入您的电子邮件'；
} 
否则{
返回电子邮件（）；
} 
如果（！pass1）{
isValid=false；
errorMessage+='\n*请输入您的密码..'；
} 
如果（！isValid）{
警报（'您有一些验证错误。请修复以下错误以继续。'+errorMessage）；
}
返回有效；
}

此代码块：

if (!email) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
} 
else {
    return IsEmail();
}

如果电子邮件无效，您可以将

isValid

设置为

false

，并更新验证消息，但如果电子邮件有效，您只需返回，之后的代码将不会执行。只需将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

此外，您的

IsEMail（）

函数将从

读取值，而不是从

读取值。将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

它将像这样使用：

if (!iIsEmail(email)) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

此外，请注意，您并没有检查密码和确认密码是否相等。要将所有验证代码放在一起，您的验证代码将是（类似于）：

此代码块：

if (!email) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
} 
else {
    return IsEmail();
}

如果电子邮件无效，您可以将

isValid

设置为

false

，并更新验证消息，但如果电子邮件有效，您只需返回，之后的代码将不会执行。只需将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

此外，您的

IsEMail（）

函数将从

读取值，而不是从

读取值。将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

它将像这样使用：

if (!iIsEmail(email)) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

此外，请注意，您并没有检查密码和确认密码是否相等。要将所有验证代码放在一起，您的验证代码将是（类似于）：

此代码块：

if (!email) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
} 
else {
    return IsEmail();
}

如果电子邮件无效，您可以将

isValid

设置为

false

，并更新验证消息，但如果电子邮件有效，您只需返回，之后的代码将不会执行。只需将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

此外，您的

IsEMail（）

函数将从

读取值，而不是从

读取值。将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

它将像这样使用：

if (!iIsEmail(email)) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

此外，请注意，您并没有检查密码和确认密码是否相等。要将所有验证代码放在一起，您的验证代码将是（类似于）：

此代码块：

if (!email) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
} 
else {
    return IsEmail();
}

如果电子邮件无效，您可以将

isValid

设置为

false

，并更新验证消息，但如果电子邮件有效，您只需返回，之后的代码将不会执行。只需将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

此外，您的

IsEMail（）

函数将从

读取值，而不是从

读取值。将其更改为：

if (!iIsEmail()) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

function IsEmail(emails) {
    // Remove this line:
    // var emails=document.forms["signUpForm"]["email"].value;

    ...
}

它将像这样使用：

if (!iIsEmail(email)) {
    isValid = false;
    errorMessage += ' \n * Please enter your email.';
}

此外，请注意，您并没有检查密码和确认密码是否相等。要将所有验证代码放在一起，您的验证代码将是（类似于）：

给这个验证器一次尝试-我只是更新问题给这个验证器一次尝试-我只是更新问题给这个验证器一次尝试-我只是更新问题给这个验证器一次尝试-我只是更新问题