如何解决Just-Validate表单验证失效问题？提交无反应

数据老陈

2026-6-25

注册表单验证失效的问题排查与修复

问题根源及修复步骤：

CDN脚本加载失败
你head里的JustValidate CDN链接被换行截断了，浏览器无法正确加载脚本。把链接改成完整的一行：
```
<script src="https://unpkg.com/just-validate@latest/dist/just-validate.production.min.js" defer></script>
```
重复初始化验证实例
页面底部额外写了一段初始化JustValidate的脚本，这会覆盖你在validation.js里创建的带规则的实例，直接删掉这段代码：
```
<script>
    const validate = new window.JustValidate("#signup");
</script>
```

ES模块导入错误
你是通过CDN引入全局变量版本的JustValidate，不需要用import语法，直接使用全局的JustValidate即可。修改validation.js：

const validation = new JustValidate("#signup");

validation
    .addField("#name", [
        {
            rule: "required",
            errorMessage: "请输入姓名"
        }
    ])
    // 可选：添加其他字段的验证规则，匹配你的期望效果
    .addField("#email", [
        {
            rule: "required",
            errorMessage: "请输入邮箱"
        },
        {
            rule: "email",
            errorMessage: "请输入有效的邮箱地址"
        }
    ])
    .addField("#password", [
        {
            rule: "required",
            errorMessage: "请输入密码"
        },
        {
            rule: "minLength",
            value: 6,
            errorMessage: "密码长度不能少于6位"
        }
    ])
    .addField("#password_confirmation", [
        {
            rule: "required",
            errorMessage: "请确认密码"
        },
        {
            rule: "equals",
            value: "#password",
            errorMessage: "两次输入的密码不一致"
        }
    ]);