javascript验证数据库中的表单值

javascript validate form values from database

本文关键字：表单 验证 数据库 javascript      更新时间：2024-06-17

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

$this->campaign是一个数组，包含数据库中的所有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>

谢谢！

你不能像那样混合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);
    }
}

您应该使用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
?>
相关文章：