jQuery技术:JQueryvalidation未validation

我正在尝试使用JQueryvalidation器插件来validationrails应用程序,但它既没有抛出任何错误也没有validation任何东西。 我不知道我的代码还有什么问题 – 任何帮助都将不胜感激!

$(document).ready(function() { $(".theform").validate({ rules: { name: { required:true, minlength:2, maxlength:50 }, email: { required: true, email: true, minlength:2, maxlength:50 }, phone_number: { required: true, phoneUS: true, minlength:9, maxlength:20 } }, messages: { name: { required: "Please provide your name", minlength: "Too few characters!", maxlength: "Too many characters!" }, email: { required: "Please provide your email", email: "Your email address must be in the format of name@domain.com", minlength: "Too few characters!", maxlength: "Too many characters!" }, phone_number: { required: "Please provide your phone number", phoneUS: "Please provide a valid US phone number", minlength: "Too few characters!", maxlength: "Too many characters!" } } }); $("input#ajax").click(function() { $.ajax({ type: "POST", url: "/create_user", data: {name: $('#name').val(), email: $('#email').val(), number: $('#phone_number').val(), ajax:"true"}, success: function(msg){ //console.log(msg.name); $("div#n").html(msg.name); $("div#e").html(msg.email); $("div#p").html(msg.phone_number); } }); }); }); 

编辑:这是我正在尝试validation的表单:

 
Name:
Email:
Phone Number:

    你的选择器错了:

     $(".theform").validate({ ... }); 

    选择具有类theform所有元素,这些元素都没有。 您需要选择form元素本身:

     $("#theform > form").validate({ ... }); 

    要么

     $("form[name='form']").validate({ ... }); 

    示例: http //jsfiddle.net/nQq6t/

    需要了解更多jQuery教程分享JQueryvalidation未validation,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享JQueryvalidation未validation相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982796.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐