步骤注册验证可获得更高转化率

时间:2018-01-08 09:47:07

标签: php html css wordpress forms

我的旧登录表单是这样构建的:

Email
Username
Firstname
Lastname
Password
Repeat Password
Register Button

我的新结构是:

Step 1: 
Email
Proceed Button -> Show the step 2 and hide the step 1

第2步:

Username
Firstname
Lastname
Password
Repeat Password
Register Button -> Submit and Register the Form

我想知道有没有办法检查电子邮件是否存在,无效等等。现在它存储在$(form).validate({ rules...... });

所以我想在继续执行第2步之前查看电子邮件。

  

注:   继续按钮只是我用来翻译步骤1和步骤2的分区的普通按钮。

1 个答案:

答案 0 :(得分:0)

要使用jquery validator插件验证已存在的电子邮件,有一个名为“remote”的默认方法。这是远程方法的一个粗略示例。

<script>
$("#frm-regi").validate({

    rules: {
        email:{required:true,email:true,
            remote:{
                url: "Your ajax file url",
                type: "post",
                data: {email: function() {return $("#email").val();}},
                complete: function(data){
                    return data;
                }
            }
        },  
    },
    messages: {

        email: {required:"Email required",email:"Enter valid email",remote:"Email already exists"},

    },

});
</script>

和ajax文件代码可以是这样的:

<?php 
if(isset($_POST['email'])){
//echo $_POST['email'];exit;
$email = $_POST['email'];

//execute your mysql query here to get users with specific email id and store into variable $user_count

if(!empty($user_count) > 0) { 
        echo 'false';  
    }
    else {
        echo 'true'; 
    }
}

?>

此代码只是一个示例,因为您必须根据编码内容进行功能更改。