Question

我正在尝试添加到使用jQuery validate验证的表单，以及我检查用户（usuario）是否退出的PHP脚本。每个用户都有不同的文件夹。要检查用户是否退出，我检查文件夹是否存在然后是否存在，告诉我是否有错误并且我不想停止提交表单。如果没有，我用用户名创建子文件夹并创建文件夹。

目前，我使用AJAX解决方案，但PHP未执行，并且不会在其上打印任何回声。我一直在阅读更多有关AJAX和jQuery验证中的远程属性的内容，但我无法通过这种方式获得我的功能。

使用Ajax （或我所理解为ajax）

submitHandler: function(form) {
              var username = $(this).val();
              $.post('check_user.php', {'usuario':username}, function(data) { 
                  $("#user-result").html(data); 
                  form.submit();
              });
 }

使用远程

"usuario":{
         required: true,
         rangelength: [3, 10],
         remote: {
                url: "check-user.php",
                type: "get",
                data:{
                    usuarios: function(){
                       return $('#usuario').val();
                    }
                }
         }
}

我的PHP

<?php
    $user = $_REQUEST['usuario'];
    $dir = "usuarios/$user";
    if (!file_exists($dir)) {
        echo 'true';
    } else {
        if(!mkdir($dir, 0777, true)) {
            echo 'Fallo al crear las carpetas...'
        }   
        $doc = new_xmldoc('1.0');
        $root = $doc->add_root('historial');
        $fp = @fopen('historial.xml','w');
        if(!$fp) {
            echo 'Fallo al crear historial.xml'
        }
        fwrite($fp,$doc->dumpmem());
        fclose($fp);
        echo 'true';
    }
 ?>

我的表单（HTML）

<form id="register" action="index.php" method="post" onsubmit="return validateForm();">
    <div class="elRegister"><label>Usuario:</label>
    <input name="usuario" id="usuario" type="text" size="16"></div>

更新：正确关闭括号我继续遇到问题。规则没问题但是在正确填写表格后，当我按下提交按钮时它什么也没做。如果我的表单中的某些内容出错，则会显示错误。我的脚本将具有以下结构：

<script type="text/javascript">
    (function($, W, D) {
        var validaForm = {};
        validaForm.UTIL =
                {
                    setupFormValidation: function()
                    {
                        //Reglas de validacion
                        $("#register").validate({
                            debug:true,
                            rules: {
                            },
                            messages: {
                            },
                            submitHandler: function(form) {
                                var username = $(this).val();
                                $.post('check_user.php', {'usuario':username}, function(data) {
                                    $("#user-result").html(data);
                                    form.submit();
                                });
                            }
                        });
                    }            
                }
        $(D).ready(function($) {
            validaForm.UTIL.setupFormValidation();
        });

    })(jQuery, window, document);
</script>

感谢您的一切，如果您需要更多代码，请直接询问。

固定最后，我已经能够解决这个问题。我在这里找到了解决方案：YouTube 解决方案是同时使用ajax和远程规则。使用远程规则i检查用户是否存在并使用ajax我覆盖表单提交并写入另一个，而不是：

$("#register").submit(function() {
        var valido = $("#register").valid(); 

        if(valido){
            var $inputs = $('#register :input');

            // not sure if you wanted this, but I thought I'd add it.
            // get an associative array of just the values.
            var values = {};
            $inputs.each(function() {
                values[this.name] = $(this).val();
            });
            alert("Formulario valido");

            $.get("crear_usuario.php",values);
        }  
        else{
            alert("Formulario no valido");
        }
    });

感谢您的回答！

Answer 1

您没有正确关闭submitHandler。这是固定代码。

submitHandler: function(form) {
    var username = $(this).val();
    $.post('check_user.php', {'usuario':username}, function(data) { 
        $("#user-result").html(data); 
        form.submit();
    });
}

修复jQuery验证+ php检查用户退出

1 个答案: