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