Javascript 在Ajax中,如何显示用户与之交互的输入的验证?

Javascript 在Ajax中,如何显示用户与之交互的输入的验证?,javascript,jquery,ajax,Javascript,Jquery,Ajax,在Ajax中,我只想显示用户与之交互的输入的验证。而不是显示所有验证。在我的脚本中,如果您对任何输入写入任何内容,您将同时获得所有输入验证。它显示所有验证 我的意思是,如果你在全名输入中写3,那么验证会说:“全名必须是字母数字”,但同时也会显示用户名、电子邮件和密码验证。它显示了所有的验证。我试图阻止这件事,但无法抓住逻辑的眼光。我怎样才能做到这一点 <script type="text/javascript"> $(document).ready(fun

在Ajax中,我只想显示用户与之交互的输入的验证。而不是显示所有验证。在我的脚本中,如果您对任何输入写入任何内容,您将同时获得所有输入验证。它显示所有验证

我的意思是,如果你在全名输入中写3,那么验证会说:“全名必须是字母数字”,但同时也会显示用户名、电子邮件和密码验证。它显示了所有的验证。我试图阻止这件事,但无法抓住逻辑的眼光。我怎样才能做到这一点

<script type="text/javascript">
    $(document).ready(function() {

        $("#register-form").keyup(function(event) {

            event.preventDefault();

            var fullname = $("#fullname").val();
            var username = $("#username").val();
            var email = $("#email").val();
            var password = $("#password").val();
            
            $.ajax({
                type: "POST",
                url: "registercontrol.php",
                data: {
                    fullname: fullname,
                    username: username,
                    email: email,
                    password: password
                },
                dataType: "json",
                success: function(result) {
                    
                    $('.hidden').show();
                    $('#result').html(result);

                    $("#vfullname").html("");
                    $("#fullname").removeClass();
                    $("#fullname").addClass("form-control form-control-user border-success");

                    $("#vusername").html("");
                    $("#username").removeClass();
                    $("#username").addClass("form-control form-control-user border-success");

                    $("#vemail").html("");
                    $("#email").removeClass();
                    $("#email").addClass("form-control form-control-user border-success");

                    $("#vpassword").html("");
                    $("#password").removeClass();
                    $("#password").addClass("form-control form-control-user border-success");

                    if (result.fni) {
                        $("#vfullname").html(result['fni']);
                        $("#vfullname").removeClass();
                        $("#vfullname").addClass("text-info");
                        $("#fullname").removeClass();
                        $("#fullname").addClass("form-control form-control-user border-info");
                    }
                    if (result.fnw) {
                        $("#vfullname").html(result['fnw']);
                        $("#vfullname").removeClass();
                        $("#vfullname").addClass("text-warning");
                        $("#fullname").removeClass();
                        $("#fullname").addClass("form-control form-control-user border-warning");
                    }
                    
                    if (result.uni) {
                        $("#vusername").html(result['uni']);
                        $("#vusername").removeClass();                      
                        $("#vusername").addClass("text-info");
                        $("#username").removeClass();
                        $("#username").addClass("form-control form-control-user border-info");
                    }
                    if (result.unw) {
                        $("#vusername").html(result['unw']);
                        $("#vusername").removeClass();                      
                        $("#vusername").addClass("text-warning");
                        $("#username").removeClass();
                        $("#username").addClass("form-control form-control-user border-warning");
                    } 
                    if (result.une) {
                        $("#vusername").html(result['une']);
                        $("#vusername").removeClass();                      
                        $("#vusername").addClass("text-danger");
                        $("#username").removeClass();
                        $("#username").addClass("form-control form-control-user border-danger");
                    }

                    if (result.mi) {
                        $("#vemail").html(result['mi']);
                        $("#vemail").removeClass();                     
                        $("#vemail").addClass("text-info");
                        $("#email").removeClass();
                        $("#email").addClass("form-control form-control-user border-info");
                    }
                    if (result.mw) {
                        $("#vemail").html(result['mw']);
                        $("#vemail").removeClass();                     
                        $("#vemail").addClass("text-warning");
                        $("#email").removeClass();
                        $("#email").addClass("form-control form-control-user border-warning");
                    }
                    if (result.me) {
                        $("#vemail").html(result['me']);
                        $("#vemail").removeClass();                     
                        $("#vemail").addClass("text-danger");
                        $("#email").removeClass();
                        $("#email").addClass("form-control form-control-user border-danger");
                    }

                    if (result.pwi) {
                        $("#vpassword").html(result['pwi']);
                        $("#vpassword").removeClass();                      
                        $("#vpassword").addClass("text-info");
                        $("#password").removeClass();
                        $("#password").addClass("form-control form-control-user border-info");
                    } 
                    if (result.pww) {
                        $("#vpassword").html(result['pww']);
                        $("#vpassword").removeClass();                      
                        $("#vpassword").addClass("text-warning");
                        $("#password").removeClass();
                        $("#password").addClass("form-control form-control-user border-warning");
                    }                            
                }
            });         
        });
    });
</script>

$(文档).ready(函数(){
$(“#注册表表单”).keyup(函数(事件){
event.preventDefault();
var fullname=$(“#fullname”).val();
var username=$(“#username”).val();
var email=$(“#email”).val();
var password=$(“#password”).val();
$.ajax({
类型:“POST”,
url:“registercontrol.php”,
数据:{
全名:全名,
用户名:用户名,
电邮:电邮,,
密码:密码
},
数据类型:“json”,
成功:功能(结果){
$('.hidden').show();
$('#result').html(result);
$(“#vfullname”).html(“”);
$(“#全名”).removeClass();
$(“#全名”).addClass(“表单控件表单控件用户边框成功”);
$(“#Vuser名称”).html(“”);
$(“#用户名”).removeClass();
$(“#用户名”).addClass(“表单控件表单控件用户边框成功”);
$(“#vemail”).html(“”);
$(“#email”).removeClass();
$(“#email”).addClass(“表单控制表单控制用户边界成功”);
$(“#vpassword”).html(“”);
$(“#密码”).removeClass();
$(“#密码”).addClass(“表单控件表单控件用户边框成功”);
如果(result.fni){
$(“#vfullname”).html(结果['fni']);
$(“#vfullname”).removeClass();
$(“#vfullname”).addClass(“文本信息”);
$(“#全名”).removeClass();
$(“#全名”).addClass(“表单控件表单控件用户边界信息”);
}
如果(result.fnw){
$(“#vfullname”).html(结果['fnw']);
$(“#vfullname”).removeClass();
$(“#vfullname”).addClass(“文本警告”);
$(“#全名”).removeClass();
$(“#全名”).addClass(“表单控件表单控件用户边界警告”);
}
if(result.uni){
$(“#Vuser名称”).html(结果['uni']);
$(“#Vuser名称”).removeClass();
$(“#Vuser名称”).addClass(“文本信息”);
$(“#用户名”).removeClass();
$(“#用户名”).addClass(“表单控件表单控件用户边界信息”);
}
如果(结果unw){
$(“#Vuser名称”).html(结果['unw']);
$(“#Vuser名称”).removeClass();
$(“#Vuser名称”).addClass(“文本警告”);
$(“#用户名”).removeClass();
$(“#username”).addClass(“表单控件表单控件用户边界警告”);
} 
如果(result.une){
$(“#Vuser名称”).html(结果['une']);
$(“#Vuser名称”).removeClass();
$(“#Vuser名称”).addClass(“文本危险”);
$(“#用户名”).removeClass();
$(“#用户名”).addClass(“表单控制表单控制用户边界危险”);
}
如果(result.mi){
$(“#vemail”).html(结果['mi');
$(“#vemail”).removeClass();
$(“#vemail”).addClass(“文本信息”);
$(“#email”).removeClass();
$(“#email”).addClass(“表单控制表单控制用户边界信息”);
}
如果(result.mw){
$(“#vemail”).html(结果['mw');
$(“#vemail”).removeClass();
$(“#vemail”).addClass(“文本警告”);
$(“#email”).removeClass();
$(“#email”).addClass(“表单控件表单控件用户边界警告”);
}
如果(result.me){
$(“#vemail”).html(结果['me');
$(“#vemail”).removeClass();
$(“#vemail”).addClass(“文本危险”);
$(“#email”).removeClass();
$(“#email”).addClass(“表单控制表单控制用户边界危险”);
}
if(result.pwi){
$(“#vpassword”).html(结果['pwi']);
$(“#vpassword”).removeClass();
$(“#vpassword”).addClass(“文本信息”);
$(“#密码”).removeClass();
$(“#密码”).addClass(“表单控制表单控制用户边界信息”);
} 
if(result.pww){
$(“#vpassword”).html(结果['pww']);
$(“#vpassword”).removeClass();
<script type="text/javascript">
    $(document).ready(function() {

        //Input Validations
        $("#fullname").keyup(function(event) {
            event.preventDefault();
            var fullname = $("#fullname").val();
            $("#vfullname").html("");
            $("#fullname").removeClass();
            $("#fullname").addClass("form-control form-control-user border-success");
            var fullnameregex = /^([a-zA-Z\-_ ’'‘ÆÐƎƏƐƔIJŊŒẞÞǷȜæðǝəɛɣijŋœĸſßþƿȝĄƁÇĐƊĘĦĮƘŁØƠŞȘŢȚŦŲƯY̨Ƴąɓçđɗęħįƙłøơşșţțŧųưy̨ƴÁÀÂÄǍĂĀÃÅǺĄÆǼǢƁĆĊĈČÇĎḌĐƊÐÉÈĖÊËĚĔĒĘẸƎƏƐĠĜǦĞĢƔáàâäǎăāãåǻąæǽǣɓćċĉčçďḍđɗðéèėêëěĕēęẹǝəɛġĝǧğģɣĤḤĦIÍÌİÎÏǏĬĪĨĮỊIJĴĶƘĹĻŁĽĿʼNŃN̈ŇÑŅŊÓÒÔÖǑŎŌÕŐỌØǾƠŒĥḥħıíìiîïǐĭīĩįịijĵķƙĸĺļłľŀʼnńn̈ňñņŋóòôöǒŏōõőọøǿơœŔŘŖŚŜŠŞȘṢẞŤŢṬŦÞÚÙÛÜǓŬŪŨŰŮŲỤƯẂẀŴẄǷÝỲŶŸȲỸƳŹŻŽẒŕřŗſśŝšşșṣßťţṭŧþúùûüǔŭūũűůųụưẃẁŵẅƿýỳŷÿȳỹƴźżžẓ]+)$/;
            if (!fullnameregex.test(fullname)) {
                $("#vfullname").html("Please enter a valid name.");
                $("#vfullname").removeClass();
                $("#vfullname").addClass("text-info");
                $("#fullname").removeClass();
                $("#fullname").addClass("form-control form-control-user border-info");
            }
        });

        $("#username").keyup(function(event) {
            event.preventDefault();
            var username = $("#username").val();
            $("#vusername").html("");
            $("#username").removeClass();
            $("#username").addClass("form-control form-control-user border-success");
            var usernameregex = /^[a-z0-9_-]{3,16}$/;
            if (!usernameregex.test(username)) {
                $("#vusername").html("Please enter a valid username.");
                $("#vusername").removeClass();
                $("#vusername").addClass("text-info");
                $("#username").removeClass();
                $("#username").addClass("form-control form-control-user border-info");
            }
        });

        $("#email").keyup(function(event) {
            event.preventDefault();
            var email = $("#email").val();
            $("#vemail").html("");
            $("#email").removeClass();
            $("#email").addClass("form-control form-control-user border-success");
            var emailregex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
            if (!emailregex.test(email)) {
                $("#vemail").html("Please enter a valid email");
                $("#vemail").removeClass();
                $("#vemail").addClass("text-info");
                $("#email").removeClass();
                $("#email").addClass("form-control form-control-user border-info");
            }
        });

        $("#password").keyup(function(event) {
            event.preventDefault();
            var password = $("#password").val();
            $("#vpassword").html("");
            $("#password").removeClass();
            $("#password").addClass("form-control form-control-user border-success");
            var passwordregex = /^.*(?=.{8,})(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%&]).*$/;
            if (!passwordregex.test(password)) {
                $("#vpassword").html("The password must contain at least one upper and lower case character, a number and a special character.");
                $("#vpassword").removeClass();
                $("#vpassword").addClass("text-info");
                $("#password").removeClass();
                $("#password").addClass("form-control form-control-user border-info");
            }
        });

        //Ajax Validations
        $("#register-form").keyup(function(event) {

            event.preventDefault();

            var fullname = $("#fullname").val();
            var username = $("#username").val();
            var email = $("#email").val();
            var password = $('#password').val();

            $.ajax({
                type: "POST",
                url: "registercontrol.php",
                data: {
                    fullname: fullname,
                    username: username,
                    email: email,
                    password: password
                },
                dataType: "json",
                success: function(result) {

                    if (result.une) {
                        $("#vusername").html(result['une']);
                        $("#vusername").removeClass();
                        $("#vusername").addClass("text-danger");
                        $("#username").removeClass();
                        $("#username").addClass("form-control form-control-user border-danger");
                    }

                    if (result.me) {
                        $("#vemail").html(result['me']);
                        $("#vemail").removeClass();
                        $("#vemail").addClass("text-danger");
                        $("#email").removeClass();
                        $("#email").addClass("form-control form-control-user border-danger");
                    }
                }
            });
        });

    }); 
</script>