Laravel 4 如何使用js框架验证Laravel4表单(html)

Laravel 4 如何使用js框架验证Laravel4表单(html),laravel-4,webforms,javascript,javascript-framework,Laravel 4,Webforms,Javascript,Javascript Framework,我开发了一个带有表单的laravel web应用程序。我的客户对laravel表单验证不满意,因为它需要从服务器端进行验证并重新加载页面,这需要更多的时间。我想从客户端验证表单。。哪个js框架最适合Laravel4。我需要像最小值、最大值、数字、字母数字、字母数字这样的laravel表单验证方法。带有自定义验证错误消息 另外,请给你的建议最好的教程链接 您是否考虑过使用Laravel的表单验证器对后端进行AJAX调用,作为下一个输入字段的用户选项卡?通过这种方式,表单在提交之前进行验证。我管理来

我开发了一个带有表单的laravel web应用程序。我的客户对laravel表单验证不满意,因为它需要从服务器端进行验证并重新加载页面,这需要更多的时间。我想从客户端验证表单。。哪个js框架最适合Laravel4。我需要像最小值、最大值、数字、字母数字、字母数字这样的laravel表单验证方法。带有自定义验证错误消息


另外,请给你的建议最好的教程链接

您是否考虑过使用Laravel的表单验证器对后端进行AJAX调用,作为下一个输入字段的用户选项卡?通过这种方式,表单在提交之前进行验证。

我管理来自您的验证,您可以使用任何框架和任何CMS尝试它

p{颜色:红色;}


(函数($,W,D)
{
var JQUERY4U={};
JQUERY4U.UTIL=
{
setupFormValidation:函数()
{
//表单验证规则
$(“#登记表”)。验证({
规则:{
滚动:{required:true,minlength:2,digits:true},
lastname:{必需:true},
同意:“必需”
},
信息:{
滚动:{必需:请输入滚动

”,最小长度:必须至少为2个字符

“,数字:请仅输入整数Numper

”, lastname:{required:请输入lastname

“}, 同意:“请接受我们的政策” } }); } } //当dom加载了设置表单验证规则时 $(D).就绪(函数($){ JQUERY4U.UTIL.setupFormValidation(); }); })(jQuery、窗口、文档);
   <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>