Question

我创建了一个包含多个字段的表单，输入，选择，框等。我有两个必须验证agaist DB的字段。如果存在则显示一些细节，如果没有显示一些要添加到DB的附加输入字段。

Ex：制造，型号，牌照。 IF牌照存在 - ＆gt;本田雅阁如果不是 - ＆gt;输入要添加。

$(document).ready(function(){
  $("licplate").change(function(){
    var lp = $("licplate").val();
if(lp.length <= 8) { //my country have a 8 digit plate
$("#stat").html('<image> Verifing');
$.ajax({
type: "POST",
url: "check.php",
data: "licplate="+lp,
success: function(msg) {
$("#stat"),ajaxComplete(function(event,request,settings){
 if(msg=='OK'){
   $(this).html('message to ignore');
} else { 
$(this).html(msg); 
}

在我的check.php中，我连接到db，验证并返回数据。如果存在则返回

echo "<span class="msg">$row_sql_chk['make']." - ".$row_sql_chk['model']</span>";

如果不是

<li><label>Make</label><input id="make" name="make" type="text" />
<li><label>Modele</label><input id="model" name="model" type="text" />

它工作正常，但是我在表单上的另一个输入字段中进行了新的验证。我必须以相同的方式验证驱动程序..如果不包含要插入的字段，则退出“driverlicense”显示名称和地址。我做了相同的代码，更改字段名，div名称等。工作得很好。

但后来出现问题......如果两个领域都不存在。我填写字段（make，model）并在验证驱动程序时，如果不存在，则清除顶部字段。之后如果我再次填充（再次）所有字段（make，model，name ..）的工作方式与预期一致。那么如何在不清理另一个的情况下进行第二次现场验证呢？ TKS

Answer 1

文件checkcom.php（文件check.com几乎相同，差异在表中进行测试。）

<?php
if(isset($_POST['comand']))
{
    $comand = $_POST['comand'];

    $dbHost = 'localhost';
    $dbUsername = 'name';
    $dbPassword = 'XXXXXXX';
    $dbDatabase = 'MYDB';

    $db = mysql_connect($dbHost, $dbUsername, $dbPassword) or die ("Unable to connect to Database Server.");
    mysql_select_db ($dbDatabase, $db) or die ("Could not select database.");
    $sql_check = mysql_query("select nome, licenca,  from pilotos where licenca='".$comand."'") or die(mysql_error());
// in check.com is "select matricula, marca ,modelo from veiculos where matricula='".$mat."'") or die(mysql_error());

    $row_sql_check = mysql_fetch_assoc($sql_check);
    $totalRows_sql_check = mysql_num_rows($row_sql_check);
    if(mysql_num_rows($sql_check))
        {
            echo '<font color="#003366"> <STRONG>'.$row_sql_check['nome'].'</STRONG> </font>';

        }
    else
        {
        echo '<div class="rectang">
            <li><label>Nome:</label> <input id="nome_pil" name="nome_pil" type="text" title="Nome Piloto" required/></li>
        <li><label>Morada:</label> <input id="morada_pil" name="morada_pil" type="text" title="Morada Piloto"/><br /></li>
        <li><label>Localidade:</label> <input id="local_pil" name="local_pil" type="text" title="Localidade Piloto"/><br /></li>

            <font color="#003366"> A licen&ccedil;a <STRONG>'.$comand.'</STRONG> N&Atilde;O est&aacute; registada na tabela. Vai ser adicionado o registo provis&oacute;rio.</font>
            </div>';
        }
}

?>

---- SCript ----

<SCRIPT type="text/javascript">
pic1 = new Image(16, 16); 
pic1.src = "images/loader.gif";
$(document).ready(function(){
        $("#licplate").change(function(){ 
                var lp = $("#licplate").val();
                if(lp.length >= 4)  {
                        $("#status").html('<img src="images/loader.gif" align="absmiddle">&nbsp;A verificar...');
                        $.ajax({  
                        type: "POST",  
                        url: "check.php",  
                        data: "licplate="+ lp,  
                        success: function(msg){  
                           $("#status").ajaxComplete(function(event, request, settings){ 
                            if(msg == 'OK'){ 
                                    $("#licplate").removeClass('object_error'); 
                                    $("#licplate").addClass("object_ok");
                                    $(this).html('Não existe&nbsp;<img src="images/alerta.gif" align="absmiddle">');
                                }  
                            else {  
                                    $("#licplate").removeClass('object_ok'); 
                                    $("#licplate").addClass("object_error");
                                    $(this).html(msg);
                            }  
                            });
                     } 
                    }); 
                }
                else{
                    $("#status").html('<font color="red">A matr&iacute;cula tem de ter pelo menos <strong>4</strong> caracteres.</font>');
                    $("#licplate").removeClass('object_ok'); 
                    $("#licplate").addClass("object_error");
                    }

            });

<!--  -- aqui muda para a licença de condutor

        $("#comand").change(function(){ 
                var cmd = $("#comand").val();
                if(cmd.length >= 6){
                    $("#status1").html('<img src="images/loader.gif" align="absmiddle">&nbsp;A verificar...');
                    $.ajax({  
                    type: "POST",  
                    url: "checkcom.php",  
                    data: "comand="+ cmd,  
                    success: function(msg1){  
                       $("#status1").ajaxComplete(function(event, request, settings){ 
                        if(msg1 == 'OK'){ 
                                $("#comand").removeClass('object_error1'); 
                                $("#comand").addClass("object_ok1");
                                $(this).html('Não existe&nbsp;<img src="images/alerta.gif" align="absmiddle">');
                            }  
                        else  
                            {  
                                $("#comand").removeClass('object_ok1'); 
                                $("#comand").addClass("object_error1");
                                $(this).html(msg1);
                        }  
                        });
                     } 
                    }); 
                }
                else
                    {
                    $("#status1").html('<font color="red">A Licença de piloto tem de ter pelo menos <strong>6</strong> caracteres.</font>');
                    $("#comand").removeClass('object_ok1'); 
                    $("#comand").addClass("object_error1");
                    }

            });


});

//-->
function tratamat(mat)
{
    var tipo = mat.substr(3, 1);
    switch(tipo) {
        case "U":
            document.getElementById("tipo_veic").value="DP";
            break;
        case "u":
            document.getElementById("tipo_veic").value="DP";
            break;
        case "H":
            document.getElementById("tipo_veic").value="GT";
            break;
        case "h":
            document.getElementById("tipo_veic").value="GT";
            break;
        case "A":
            document.getElementById("tipo_veic").value="SR";
            break;
        case "a":
            document.getElementById("tipo_veic").value="SR";
            break;

    }
}

</SCRIPT>

HTML表单

<form action="<?php echo $editFormAction; ?>" method="POST" name="entrada" class="formgeral" id="formgeral">
<ul>
<li><label>Matricula</label><input id="licplate" size="20" type="text" name="licplate" title="Matricula" style="text-transform:uppercase;" onBlur="javascript:tratamat(this.value)"><br>
<div id="status"> </div></li>
<li>

<label>Tipo Veiculo</label><input type="text" name="tipo_veic" id="tipo_veic" title="Tipo de Aeronave" style="text-transform:uppercase;">
</li>
(...)
      <li><label>Licença</label><input  id="comand" name="comand" type="text" size="15" maxlength="15"><div id="status1"> </div></li>

（...）

这够了吗？

Answer 2

解决

将字段验证添加到licplate＆＃39; undefined＆＃39;

if(msg != 'ERR'){ 
     $("#licplate").removeClass('object_error'); 
     $("#licplate").addClass("object_ok");
     var lic = $("#matricula"),val(); // assing the value of 'new' input
     if(typeof lic === 'undefined') { // verify the value of 'new' input 
        $(this).html(msg);
     }
  }

它有效!!

你们真棒......没有回答所以我可以使用我最好的工具..我的大脑！：d

多个输入字段在Mysql上使用AJAX / PHP进行验证

2 个答案: