Question

我正在尝试学习jQuery验证插件，因此我使用最简单的验证代码创建了最简单的表单，但我仍然无法使其工作！当我单击提交按钮（将该字段留空）时，我被发送到默认页面，就像表单已提交一样（URL为“myurl.com/?name=”）下面是代码，我尝试了与工作教程完全相同。

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
    <script type='text/javascript' src='http://myurl.com/jquery.validate.js'></script>
    <script type='text/javascript' src='http://myurl.com/jquery.js'></script>

    <script type='text/javascript'>
    $(document).ready(function() {
        $("#test_form").validate();
    });
    </script>

    <script type='text/css'>
    label.error { color:Red; }
    </script>
</head>
<body>

<form id='test_form' action='' method='GET'>
    <p><label for='name'>Name</label><br />
    <input type='text' id='name' name='name' minlength='4' class='required' /></p>
    <p><input type='submit' value='Submit' /></p>
</form>

</body>
</html>

Answer 1

您必须在插件jquery.js之前加载主jquery.validate.js。脚本按照它们被解析的顺序加载。

上面的结果是在尝试加载validate插件时出现脚本错误，因为jQuery尚未加载，当时不存在要扩展的jQuery对象。

使用jQuery验证插件进行最简单的表单验证无法正常工作

1 个答案: