Question

我有一些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>

有人可以帮我吗？

Answer 1

您的JavaScript和PHP无法同时执行，因为前者发生在用户的浏览器之前表单已POST，而后者在之后发生一旦表单到达服务器

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

如果您的JavaScript成功捕获，则不会向您发送任何内容，因为您return false。在实践中，有必要进行服务器端检查：

有人很狡猾并在验证表格之后但在发送之前修改了表格。

JavaScript由于某种原因被禁用或中断。

Answer 2

此表单的工作方式是您在表单的onsubmit属性中有一个JS函数，如果值错误，可以阻止表单的提交。如果您的JS函数由于错误而返回false，则永远不会提交表单。

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

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

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

http://jqueryvalidation.org/

Answer 3

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

javascript和php验证？

3 个答案: