【问题标题】:jquery validation form doesnt work [closed]jquery验证表单不起作用[关闭]
【发布时间】: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'>

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

【问题讨论】:

  • 你没有关闭输入标签甚至表单标签,不好的做法
  • 表单的关闭标签似乎没有与我发布的代码一起提供,但它就在那里,只是尝试关闭输入标签,问题似乎并没有消失

标签: jquery jquery-plugins jquery-validate


【解决方案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/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-22
    • 2013-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多