Question

你好我有一个简单的表单来验证我已经问过客户端验证但现在的问题是服务器端验证工作的想法是验证输入字段并检查其长度是否为[5 -20]字符并显示错误消息如果不是防止表单提交这应该发生在客户端然后如果每件事情都是正确的数据应该发送到服务器，服务器将检查输入数据是否包含只是字母，如果是，那么它将回应＆＃34;感谢提交表格＆＃34;如果没有显示错误信息＆＃34;名称应仅包含a到z＆＃34;问题是在提交表单之后我从客户端获得ok验证我从来没有得到一个服务器消息请帮助这里是代码

 <?php
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
    $name = $_POST['user'];

    if(!preg_match("/^[a-zA-Z ]*$/",$name))
         echo "name must contain only characters";   
       else
         echo "thanks for submitting the form";


}
?>
<!doctype html>
<html>
<head>
    <title>form validation</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

    <script>
       $( document ).ready(function() 
        {

                $("form").on('submit', myfunction); //<-- listen for form submit, not button click

                function myfunction(evt)
                { //<-- the event object is automatically passed along;
                  //    this is key for suppressing submission
                    name = $("#user").val();
                    nameError = $(".error").first();
                    myNameError = "";

                    if(name.length < 5 || name.length > 20)
                        myNameError += "length should be between 5 and 20 ";
                    else
                        myNameError += "ok"

                    if (myNameError) 
                    {
                        evt.preventDefault(); //<-- suppress submission if error found
                        nameError.html(myNameError);
                    }



                 }


        });
    </script>

    <style>
        .error
        {
            color : red;
            text-transform: capitalize;
            margin-left: 20px;
        }
    </style>
</head>
<body>

    <form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>">
        NAME : <input type="text" name="user" id="user"><span class="error"></span><br />
        <input type="submit" value="Submit" id="submit">
    </form>

</body>
</html>

Answer 1

这绝对是一个问题：

if (name.length < 5 || name.length > 20)
    myNameError += "length should be between 5 and 20 ";
else
    myNameError += "ok"

if (myNameError) 
{
     ...

您正在将myNameError变量设置为字符串，错误消息或字符串ok。因此if (myNameError)始终为true，因此您永远不会向服务器发出任何POST请求。

要解决此问题，在没有错误时，不应向myNameError添加任何字符串。

用于表单验证的正则表达式

1 个答案: