php - 在 PHP 自引用表单中使用 jQuery 进行表单验证

标签 php jquery forms validation

我正在尝试使用 jQuery 表单验证插件来验证表单。 它在 HTML 页面中运行良好。但是,当我将相同的代码复制粘贴到操作为 PHP_SELF 的 PHP 页面中的表单中时,表单验证不起作用。

我的代码:

<form id='registerForm' name='registerForm' method='post' action="<?php echo $_SERVER['PHP_SELF']; ?>" >
            <div>
                <label for="name">Name</label>
                <input type="text" id="name" name="name" />
            </div>
            <div>
                <label for="email">Email</label>
                <input type="email" id="email" name="email" />
            </div>

            <div>
                <input type="submit" name="submit" value="Submit"/>
            </div>
</form>


    <script type="text/javascript" src="jq213.js"></script>

    <script type="text/javascript" src="validate.min.js"></script>


    <script>
        $("#registerForm").validate({
            rules:{
                name:{
                    required:true,
                    minlength:2
                },
                email:{
                    required:true,
                    email:true
                },
            },
            messages:{
                name:{
                    required:"pls enter your name",
                    minlength:"minimum 2 char for name"
                },
                email:{
                    required:"required",
                    email:"Enter a valid email"
                }
            }
        });
    </script>

为什么它不能以 PHP 自引用形式工作?如果需要更多信息,请告诉我。

最佳答案

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form id='registerForm' name='registerForm' method='post' action="" >
            <div>
                <label for="name">Name</label>
                <input type="text" id="name" name="name" />
            </div>
            <div>
                <label for="email">Email</label>
                <input type="email" id="email" name="email"   />
            </div>

            <div>
                <input type="submit" name="submit" value="Submit"/>
            </div>
</form>


    <script type="text/javascript" src="js/jq213.js"></script>

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>


    <script>
        $("#registerForm").validate({
            rules:{
                name:{
                    required:true,
                    minlength:2
                },
                email:{
                    required:true,
                    email:true
                },
            },
            messages:{
                name:{
                    required:"pls enter your name",
                    minlength:"minimum 2 char for name"
                },
                email:{
                    required:"required",
                    email:"Enter a valid email"
                }
            }
        });
    </script>
</body>
</html>

关于php - 在 PHP 自引用表单中使用 jQuery 进行表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30118347/

相关文章:

php - 故障转移如何在 Google Cloud SQL 上运行?

php - 带输入字段和提交按钮的 PHP 的 Angular JS

jquery - 是否可以通过编程方式更改 slickgrid 中列的宽度?

javascript - jQuery offset() 在 Safari/Chrome iOS 中不起作用

javascript - 基于半径周围位置的CSS动画

php - 用php插入mysql

php - 去除PHP中json_encode中多维数组的int索引

php - 删除时触发 MySQL 状态更新

forms - 如何在付款流程运行时禁用 Stripe 表单字段?

ruby-on-rails - 要使用 :country input, 请安装 country_select 插件