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

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

PHP\u SELF

表单验证不起作用

我的代码：

<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>

试试这个

<form id='registerForm' name='registerForm' method='post' action="" >
        <div>
            <label for="name">Name</label>
            <input type="text" id="name" name="name" required minlength="2" />
        </div>
        <div>
            <label for="email">Email</label>
            <input type="email" id="email" name="email" required />
        </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> 
$(function() {
    $("#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>

名称
电子邮件
$（函数（）{
$（“#注册执行”）.validate({
规则：{
姓名：{
要求：正确，
最小长度：2
},
电邮：{
要求：正确，
电子邮件：真的
},
},
信息：{
姓名：{
必填：“请输入您的姓名”，
minlength：“名称至少2个字符”
},
电邮：{
必选：“必选”，
电子邮件：“输入有效电子邮件”
}
}
});
});

试试这个

<form id='registerForm' name='registerForm' method='post' action="" >
        <div>
            <label for="name">Name</label>
            <input type="text" id="name" name="name" required minlength="2" />
        </div>
        <div>
            <label for="email">Email</label>
            <input type="email" id="email" name="email" required />
        </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> 
$(function() {
    $("#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>

名称
电子邮件
$（函数（）{
$（“#注册执行”）.validate({
规则：{
姓名：{
要求：正确，
最小长度：2
},
电邮：{
要求：正确，
电子邮件：真的
},
},
信息：{
姓名：{
必填：“请输入您的姓名”，
minlength：“名称至少2个字符”
},
电邮：{
必选：“必选”，
电子邮件：“输入有效电子邮件”
}
}
});
});

您可以尝试三种方法：

在第三个

中添加type=“text/javascript”

在使用jQuery函数之前，先从$（document）.ready（function（）{}）开始

查看页面源代码并尝试单击您的src链接，以查看它们是否正常工作！如果没有，那么当您转到PHP时，可能链接变为错误

---

希望这会有帮助

你可以尝试三件事：

在第三个

中添加type=“text/javascript”

在使用jQuery函数之前，先从$（document）.ready（function（）{}）开始

查看页面源代码并尝试单击您的src链接，以查看它们是否正常工作！如果没有，那么当您转到PHP时，可能链接变为错误

---

希望这会有帮助

代码工作正常，问题是缺少jQuery文件。添加这两行代码，它应该可以工作

而且也很重要

使用

$（）.ready（函数（）

~~

    $().ready(function () {
    $("#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"
            }
        }
    });
});

---

您的代码工作正常，问题是缺少jQuery文件。添加这两行代码应该可以工作

而且也很重要

使用

$（）.ready（函数（）

~~

    $().ready(function () {
    $("#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"
            }
        }
    });
});

文件
名称
电子邮件
$（“#注册执行”）.validate({
规则：{
姓名：{
要求：正确，
最小长度：2
},
电邮：{
要求：正确，
电子邮件：真的
},
},
信息：{
姓名：{
必填：“请输入您的姓名”，
minlength：“名称至少2个字符”
},
电邮：{
必选：“必选”，
电子邮件：“输入有效电子邮件”
}
}
});

文件
名称
电子邮件
$（“#注册执行”）.validate({
规则：{
姓名：{
要求：正确，
最小长度：2
},
电邮：{
要求：正确，
电子邮件：真的
},
},
信息：{
姓名：{
必填：“请输入您的姓名”，
minlength：“名称至少2个字符”
},
电邮：{
必选：“必选”，
电子邮件：“输入有效电子邮件”
}
}
});

这两行代码不起作用。除此之外，一切都正常。我已经测试过。如何让这些插件工作。

---

这两行代码不起作用。除此之外，一切都正常。我已经测试过。这些插件的工作原理。

我建议您使用HTML 5，而不是名称和电子邮件的HTML 5。

？@rapidooo的输出是什么？@rapidooo如何做到这一点？语法是什么？@MyGGaN我可以将值传递给服务器什么用户gives输入。但是表单验证不起作用它真的必须是jquery吗？我建议你用HTML 5代替名称和电子邮件的HTML 5，

的输出是什么？@rapidooo怎么做？语法是什么？@MyGGaN我可以将用户输入的值传递给服务器。但是表单验证不起作用它真的必须是jq吗uery？谢谢你的回答。但实际上我需要jquery。你是否导入了所需的适当库？就像是的，我下载了这些文件，并将这些文件包含在$（function（）{}）中您的jquery代码；谢谢您的回答。但实际上我需要jQueryId您是否导入了所需的适当库？就像是的，我下载了这些文件，并将thoseTry包含在$（function（）{}）您的jquery代码中；我正在使用Ubuntu