0

我编写了一些 javascript 和 php 代码来验证字段。这两个代码都用于验证该字段是否不为空，是否在 35 个字符的限制范围内，并且仅包含字母字符和连字符 (-)。我想要做的是让 javascript 和 php 同时验证并显示它们是用于输入错误数据的消息，但由于弹出警报但没有显示消息，因此似乎 javascript 正在正确验证php方面。这是我的代码：

<script type="text/javascript">

function validateFamily()
{
var family=document.getElementById('family');
var stringf = document.getElementById('family').value;
var ck_password =  /^[A-Za-z-]/;
if (family.value=="")
    {
     alert("Family name must be filled out");
     return false;
    }
else if (document.getElementById('family').value.length > 35)
    {
        alert("Family name cannot be more than 35 characters");
        return false;
    }
else if(!ck_password.test(stringf))
    {
        alert("Family name can only contain alphabetic characters and hypehns(-)");
        return false;
    }
    return true;
}

 </script>

 <?php

if (isset($_POST['submit'])) {

$flagf = false;
$badcharf = "";
$stringf = $_POST["family"];
$stringf = trim($stringf);
$lengthf = strlen($stringf);
$strmsgf = "";

if ($lengthf == 0) {
$strmsgf = '<span class="error"> Please enter family name</span>';
$flagf = true;}
else if ($lengthf > 35) {
$strmsgf = '<span class="error"> Can not enter more than 35 characters</span>';
$flagf = true;}
else {
for ($if=0; $if<$lengthf;$if++){
    $cf = strtolower(substr($stringf, $if, 1));
    if (strpos("abcdefghijklmnopqrstuvwxyz-", $cf) === false){
        $badcharf .=$cf;
        $flagf = true;
    }
}
if ($flagf) {
    $strmsgf = '<span class="error"> The field contained the following invalid characters: '.$badcharf.'</span>';}
}
if (!$flagf) {
    $strmsgf = '<span class="error"> Correct!</span>';}

}

?>

<form name="eoiform" method="POST" action="<?php echo $_SERVER["PHP_SELF"];?>" id="eoi" onsubmit="return validateFamily() && validateGiven() && validateMaleFemale() && validDate() && validateAddress() && validatePost() && validateParent() && validateWork() && validateHome() && validateMob() && validateCheckBoxes() && validateTextBoxes();">

<b>Student's Family Name</b> 
<br>
<input type="text" id="family" name="family" /><?php echo $strmsgf; ?>

<input type="submit" name="submit" id="submit" value="submit" />

</form>

谁能帮我解决这个问题？

4

3 回答 3

5

您的 JavaScript 和 PHP 不能同时执行，因为前者在表单发布之前发生在用户的浏览器中，而后者在表单到达服务器后发生。

您可以通过在浏览器中检查网页的源代码来验证这一点：没有 PHP！

如果您的 JavaScript 成功了，则不会向服务器发送任何内容，因为您的return false. 实际上，在以下情况下进行服务器端检查是有意义的：

  1. 有人很狡猾，会在验证后但在发送之前修改表单。
  2. JavaScript 因某种原因被禁用或中断。
于 2013-05-30T16:48:30.437 回答
0

这个表单的工作方式是在表单的 onsubmit 属性中有一个 JS 函数，如果值错误，它可以阻止表单的提交。如果你的 JS 函数因为错误返回 false，表单将永远不会被提交。

为了获得您想要的功能，您只需要在服务器端执行检查，但您每次都需要提交表单才能实现...

另一种方法是在用户完成向每个文本字段添加值时检查输入的值，即将一个 JS 函数附加到字段的 blur() 属性，并对您的服务器进行 AJAX 调用以验证实际提交表单之前的字段内容。

你可以使用 jQuery 的 validate 插件进行更复杂的验证，如果这些也可以在客户端完成的话：

http://jqueryvalidation.org/

于 2013-05-30T16:50:55.467 回答
0

正如 paislee 所说，您无法同时运行 php 和 javascript。但是，您可以发送动态请求来运行一些 php 代码，它称为 AJAX。这也不能确保绝对准确的同时执行，但会更接近您的目标。

于 2013-05-30T16:51:07.673 回答