Question

我正在尝试使用jquery实现表单验证，但到目前为止还无法使其正常工作。我一直在阅读其他几个问题，但似乎没有人在我的路上帮助我。我正在使用Jquery验证插件http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 据我所知，基本的想法是给你的表单一个ID，并在特定的输入字段中添加class =“required”，但到目前为止还没有发生任何事情，并且很高兴发布我的表单。

我的脚本是：

<script>
           $(document).ready(function(){
               $("#validate").validate();
               });
</script>

表单如下所示：

<form action="" id="validate"  method="post">
   <?do
    {
    ++$i; ?>
    <button type="button" class="togbut" href="#<?echo $i;?>">Lijst voor <?echo $_SESSION['leerlingen'][$i];?> invullen</button> <br>
    <div id="<?echo $i;?>" style="display:none"> <?
    echo $_SESSION['leerlingen'][$i];  ?>




          <fieldset>
                    <input type='hidden' name='ingevuld' id='ingevuld' value='1'/>
                    <legend>A. Leerprestaties:</legend>
                               <label>de prestaties blijven achter bij de capaciteiten</label>
                               <div><input type="radio" class="required" name="pr_ach_lp13<?echo ++$counter;?>" value="1"></div>
                               <div><input type="radio" class="required" name="pr_ach_lp13<?echo $counter;?>" value="2"></div>
                               <div><input type="radio" class="required" name="pr_ach_lp13<?echo $counter;?>" value="3"></div>
                               <div><input type="radio" class="required" name="pr_ach_lp13<?echo $counter;?>" value="4"></div>
                               <div><input type="radio" class="required" name="pr_ach_lp13<?echo $counter;?>" value="5"></div>
         </fieldset>
    </div>

 <?
    }  while($i<$_SESSION['num_rows']);?>
       <input id="submit" type="submit" value="opslaan">
</form>

有人可以告诉我我做错了吗？

Answer 1

部分问题似乎是您以无效的方式编写了JavaScript。

        $(document).ready(function(){
         $("#validate").validate();//The instantion of form validator ends here
          onsubmit: true,
          onkeyup: false,
          onfocusout: false,
          onclick: false
          //The options above appear as though they should be part of an object
          //However they are free-floating and not contained in curly braces
          //Nor are they submitted to validate() as a parameter; since they are
          //technically outside the call to validate()
          });

Dmonix建议您尝试在没有额外内容的情况下调用验证。像这样：

        $(document).ready(function(){
         $("#validate").validate();
        });

看看是否有效

Answer 2

感谢您的建议，我发现了问题。由于我没有收到任何错误消息，我认为它应该在调用javascript源代码。我发现我错过了脚本源的结束标记，因此没有找到该插件。很抱歉浪费你的时间，感谢您的建议！

另一个Jquery表单验证问题

2 个答案: