jquery验证表单不起作用[关闭]

Posted 2023-05-09

【中文标题】jquery验证表单不起作用[关闭]

【英文标题】：jquery validation form doesnt work [closed]

【发布时间】：2013-04-11 02:41:46

【问题描述】：

我有一个注册表单，其中包含用 php 编写的表单中的一些字段要求，我正在尝试向其中添加一个验证插件，但该插件不起作用，我没有收到任何错误。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">

</script>                           

<script src="scripts/jquery.validate.js"></script>

<script>
$(function()
$("#regForm").validate(
    rules: 
        brukernavn: 
            required: true,
            minlength:3,
            maxlength:10
        ,
        passord: 
            required: true,
            minlength:3,
            maxlength:10
        ,
        bekreft_pass: 
            required: true,
            minlength:3,
            maxlength:10
        ,
        E_post: 
            required: true,
            email: true
        ,
        bekreft_epost 
            required: true,
            email: true
        ,
        messages: 


        
    
);

$.extend($.validator.messages, 
    required: "Obligatorisk felt:"
);
 );
</script>

 <form id="regForm" method="post" action="">
<label for="brukernavn">Brukernavn</label><br>
<input type='text' id="brukernavn" name="brukernavn"><br>

<label for="passord">Passord</label>
<input type="password" id="passord" name="passord"><br>

<label for="bekreft_pass">Bekreft passord</label>
<input type="password" id="bekreft_pass" name="passord2"><br>

<label for="E_post">E-post</label>
<input type="E-post" id="E_post" name="E-post"><br>

<label for="bekreft_epost">Bekreft e-post</label>
<input type="E-post" id="bekreft_epost" name="E-post2"><br>
<br>

<input type='submit' id"submit" value='Register'>

有人知道问题出在哪里吗？

【问题讨论】：

你没有关闭输入标签甚至表单标签，不好的做法

表单的关闭标签似乎没有与我发布的代码一起提供，但它就在那里，只是尝试关闭输入标签，问题似乎并没有消失

【参考方案1】：

这里缺少一个冒号：bekreft_epost 应该是bekreft_epost:

另外，没有结束表单标签。

【讨论】：

我是一个星期前开始学习 php 和 jquery 的新手，但谢谢你，我自己也应该看过。

别忘了将回复标记为答案 :)

还有一个提示：使用大多数浏览器附带的 javascript 控制台/调试器。通常按 F12 即可。

【参考方案2】：

messages 不应在rules 之下：

http://jsfiddle.net/samliew/uGsXC/10/

此外，验证规则名称必须匹配字段 NAME 属性而不是 ID：

http://jsfiddle.net/samliew/uGsXC/12/