如何使用js框架验证Laravel 4 Form（HTML）

Question

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

另外，请提供最佳教程链接以提出建议。 ？

Answer 1

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

Answer 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>