如何使用 js 框架验证 Laravel 4 表单（html）答案

【问题标题】：How to validate Laravel 4 form (html) with js framework如何使用 js 框架验证 Laravel 4 表单（html）
【发布时间】：2015-02-03 23:23:17
【问题描述】：

我开发了一个带有表单的 laravel Web 应用程序。我的客户对 laravel 表单验证不满意，因为它从服务器端验证并重新加载页面，这需要更多时间。我想从客户端验证表单.. 哪个 js 框架最适合 laravel 4。我需要 laravel 表单验证方法，如 min、max、numeric、alphanumeric、alpha。带有自定义验证错误消息。

还请提供最佳教程链接以供您提出建议。 ?

【问题讨论】：

标签： laravel-4 webforms javascript javascript-framework

【解决方案1】：

您是否考虑过使用 Laravel 的表单验证器对后端进行 AJAX 调用，作为用户切换到下一个输入字段的选项卡？这样，表单在提交之前就会得到验证。

【讨论】：

【解决方案2】：

我管理验证，您可以使用任何框架，任何 CMS 都可以尝试。

p{颜色：红色;}

   <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
     <script type="text/javascript">
     (function($,W,D)
    {
        var JQUERY4U = {};

        JQUERY4U.UTIL =
        {
            setupFormValidation: function()
            {
                //form validation rules
                $("#register-form").validate({
                    rules: {

                        roll: {required : true, minlength : 2,digits: true},
                        lastname: {required : true},
                        agree: "required"
                    },
                    messages: {
                        roll: {required :"<p>Please enter roll</p>", minlength : "<p>Must be at least 2 characters</p>",digits :"<p>Please enter integer Numper Only</p>"   },
                        lastname: {required :"<p>Please enter lastname</p>" },
                        agree: "Please accept our policy"
                    }               
                });
            }       
        }

        //when the dom has loaded setup form validation rules
        $(D).ready(function($) {
            JQUERY4U.UTIL.setupFormValidation();

        });

    })(jQuery, window, document);
    </script>
<form method="post"  action="<?php echo base_url(); ?>classname/functionname/" id="register-form" novalidate="novalidate" />
    <input class="form-control"  type="text" name="roll" value="">
    <input class="form-control"  type="text" name="lastname" value="">
</form>

【讨论】：