Question

以下代码用于制作广告系列。在创建之前，我必须验证表单。我必须验证已存在于数据库中的广告系列名称。我不知道我是否可以在javascript中使用PHP代码（如下所示）。但是它无法正常工作。我该如何更改我的代码？如何使用数据库值验证值？

$ this-＆gt;广告系列是一个数组，其中包含数据库中的所有广告系列详细信息。

<script type="text/JavaScript">
function validate()
{
var name = document.getElementById('name').value;
var shape = document.getElementById('shape').value;
     <?
     foreach($this->campaign as $c)
     {
     $old_cname=$c['name'];
     ?>
        if(name==<?=$old_cname;?>)
        {
            alert("same name exists in database. Try again!");
        }
    <?
    }
    ?>

if(!name)
{
    alert("Please enter a name!");

    return false;
}

if(!shape)
{
    alert("Please select shape!");
    return false;
}
    return true;


}
</script>


<form action="create.php" method="post" onsubmit="return(validate());">
Name:
<input type="text" name="name" id="name"/>
Shape:
<select name="shape" id="shape">
<option value="long">Long</option>
<option value="tall">Tall</option>
</select>
<input type="submit" value="Create" name="submit"/>
</form>

谢谢！

Answer 1

你不能把php和javascript混在一起.. php是一种服务器端语言，而javascript是客户端的; php在用户看到之前呈现页面，而javascript修改页面而不刷新。在js执行之前，js中的任何php值都将被渲染并输出。

为了做你需要的，你需要使用ajax，它是异步的javascript和xml，一种客户端 - 服务器通信方法，允许你想要发生的事情。

要做到这一点，我建议jQuery，一个javascript库，使这些请求变得非常简单。作为如何在jquery中发出这样的请求的一个例子....

jQuery.ajax()方法：

$.ajax({
    url: "validate.php",
    type: "POST",
    data: "username=" + username,
    sucesss: function(data) {
        if (data == 1)
            $("#ajax_div").html("Username is taken, choose another!");
        }
        else {
            $("#ajax_div").html("Username is free :)");
        }
    }
});

这将是如何在ajax中执行此操作，而您的php文件将返回1或0，具体取决于比较数据库中的用户名的SQL查询的结果。

要在没有jquery的情况下执行此操作，它将是这样的：

function checkUsername() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4) {
            if (xmlhttp.responseText == 1) {
                document.getElementById('ajax_div').innerHTML = "Username is taken, please choose another!";
            }
            else {
                document.getElementById('ajax_div').innerHTML = "Username is free :)";
            }
        }
    }
    xmlhttp.open("POST","validate.php",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("username=" + username);
    }
}

Answer 2

您应该使用jquery来验证使用php脚本。执行此操作的最佳方法是禁用提交按钮，直到验证所有字段。这要求您听取击键然后进行jquery调用以验证输入字段。下面是一个简单的例子

script.js

var typingTimer;                //timer identifier
var doneTypingInterval = 5000;  //time in ms, 5 second for example

//on keyup, start the countdown
$('#myInput').keyup(function(){
    typingTimer = setTimeout(doneTyping, doneTypingInterval);
});

//on keydown, clear the countdown 
$('#myInput').keydown(function(){
    clearTimeout(typingTimer);
});

//user is "finished typing," do something
function doneTyping () {
  $.ajax({
      type: "POST",
      url: 'ajax/validate.php',
      data: 'cname='+$('#name').val(),
      success: function(data) {
         if(data == "original"))
           //enable the submit button
         else
          //Update your div that contains the results
      }
  });
}

ajax/validate.php

<?PHP
   //Run your validations here
?>

javascript验证数据库中的表单值

2 个答案: