用Jquery验证表单出了什么问题

Validate form with Jquery what's wrong?

本文关键字：什么 问题 表单 Jquery 验证      更新时间：2023-09-26
<!DOCTYPE html>
<head>
<script src='jquery.validate.js' type='text/javascript'></script>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="valid.js" type="text/javascript"></script>
</head>
<body>
<form id="myform">
    <input type="text" name="field1" /></br>
    <input type="text" name="field2" /></br>
    <input type="submit" />
</form>
</body>
</html>

JS文件：

$(document).ready(function () {
    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                email: true
            },
            field2: {
                required: true,
                minlength: 5
            }
        }
    });
});

我从这里类似问题的答案之一中得到了这个例子，但我出了点问题，它只是不起作用。有人会告诉我为什么？

jquery.validate.js依赖于 jquery 库，因此在添加 jquery 验证之前需要包含 jquery 库...因此，更改页面中的脚本顺序

<script src="jquery.min.js" type="text/javascript"></script>
<script src='jquery.validate.js' type='text/javascript'></script>
<script src="valid.js" type="text/javascript"></script>
相关文章：