1

下面的代码是创建一个活动。在创建之前，我必须验证表单。我必须验证数据库中是否已经存在的活动名称。我不知道我是否可以在 javascript 中使用 PHP 代码（如下所示）。无论如何它不起作用。如何更改我的代码？如何使用数据库值验证值？

$this->campaign 是一个数组，其中包含数据库中的所有活动详细信息。

<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>

谢谢！

4

2 回答 2

3

你不能像那样混合 php 和 javascript.. php 是服务器端语言，而 javascript 是客户端；php 在用户看到之前渲染页面，而 javascript 修改页面而不刷新。js 中的任何 php 值都将在 js 执行之前被渲染和输出。

为了做您需要的事情，您需要使用 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);
    }
}
于 2012-07-31T01:31:53.833 回答
1

您应该使用 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
?>
于 2012-07-31T01:47:02.793 回答