Tag: validation

jQuery如何在不检查扩展名的情况下检查上传的文件是否是图像?

新手在这里。 问题是我目前已经编写了一个检查上传文件大小和扩展名的方法,以便对其进行validation。 但是,检查扩展名不是解决方案,因为这种validation可能会导致很多问题。 我想要做的是检查实际的文件类型并validation它而不使用扩展方法。 我曾尝试使用jQuery文件validation器,但无济于事……这是我当前代码的一个片段: 脚本: App.Dispatcher.on(“uploadpic”, function() { $(“:file”).change(function() { if (this.files && this.files[0] && this.files[0].name.match(/\.(jpg|jpeg|png|gif)$/) ) { if(this.files[0].size>1048576) { alert(‘File size is larger than 1MB!’); } else { var reader = new FileReader(); reader.onload = imageIsLoaded; reader.readAsDataURL(this.files[0]); } } else alert(‘This is not an image file!’); }); function imageIsLoaded(e) { result = e.target.result; […]

Jqueryvalidation:如何使字段变红

我使用jquery和jquery.validate.cs(jQuery Validation Plugin 1.8.0)来validation表单。 现在它在一个字段旁边显示一条消息:“这是必填字段”。 我也希望每个领域都变成红色。 我该怎么做? 谢谢!

当提交按钮在表单之外时,如何使用Bootstrap 3表单validation?

我对表单validation的Bootstrap 3实现感到困惑。 我是Bootstrap的新手,我似乎无法使用不包含提交按钮的表单进行表单validation。 我正在寻找的表单validation类型可以通过以下代码看到: http://jsfiddle.net/hTPY7/1107/ Email: Password: Submit 我知道我可以像下面的代码那样使用一些JQuery提交表单,但是如何使用Bootstrap 3validation呢? $( “#createUserSubmit” ).click(function() { $( “#newUserForm” ).submit(); }); 我多年来一直在阅读Stackoverflow,但这是我的第一篇文章。 我一直在寻找答案,但我能找到的只是使用其他validation库的解决方案。 我想使用Bootstrap自己的内置函数。 谢谢!

jQueryvalidation触发器错误消息

我有一个奇怪的问题。 我想在元素上触发jquery-valdation错误消息,即使它是有效的。 场景:我的表格很大。 其中一个输入是PersonalId。 输入PersonalId是可选的。 除了那个输入,我有一个普通的按钮(不是提交按钮)。 如果单击它(从ajax获取信息)并且PersonalId字段为空,我想触发该错误消息。 这有可能与jQuery Validate或我需要创建自己的function?

jQueryvalidation:$ .data($(’form’),’validator’)。settings返回undefined

我有一个ASP.Net MVC项目,我正在使用不引人注目的jQueryvalidation。 当一个元素失去焦点时添加validation,我正在打电话 $(document).ready(function () { // enable validation when an input loses focus. var settngs = $.data($(‘form’)[0], ‘validator’).settings; settngs.onfocusout = function (element) { $(element).valid(); }; }); 这是在一个项目上工作,而它在另一个项目上抛出此exception,因为$ .data($(’form’)[0],’validator’)返回undefined($ .data($(’form’)[0])返回一个空对象): 未捕获的TypeError:无法读取未定义的属性“设置” 但是,当按下提交按钮时,jQueryvalidation工作正常,因此应该正确设置其他所有内容。 我在body标签的末尾加载这些脚本:(上面列出的函数在customvalidations.js中,所以它应该在validation器应用到表单后执行) 解决方案:这是有效的代码: $(document).ready(function () { // enable validation when an input loses focus. var allForms = $(‘form’); $.each(allForms, function (key, value) { var […]

如何在表单级服务器端validation中使用jQuery Validation插件?

在表单通过初始客户端validation后返回的服务器端validation错误的元素触发错误的最佳方法是什么? $(“#contact_form”).validate({ submitHandler: function(form) { $.ajax({ type: ‘POST’, dataType: ‘json’, url: ‘/contact/send’, data: $(form).serialize(), success: function(response) { if(response.error) { //server came back with validation issues var fields = response.fields; for(var i=0, var len = fields.length; i < len; i++) { var field_name = fields[i].name; var field_error = fields[i].error; // TRIGGER ERROR ON AFFECTED ELEMENT } […]

JQuery.Validate插件可以阻止提交Ajax表单

我正在使用JQuery表单插件( http://malsup.com/jquery/form/ )来处理表单的ajax提交。 我也插入了JQuery.Validate( http://docs.jquery.com/Plugins/Validation )进行客户端validation。 我所看到的是,当我预期validation时,validation失败,但它不会阻止表单提交。 当我使用传统forms(即非ajax)时,validation失败阻止了提交表单….这是我想要的行为。 我知道validation是正确连接的,因为validation消息仍然在ajax提交发生后出现。 那么我错过了什么阻止了我想要的行为呢? 以下示例代码…. var options = { target: ‘#detailsView’ }; $(‘#searchForm’).ajaxForm(options); $(‘#searchForm’).validate({ rules: { username: {required:true}}, messages: { username: {required:”Username is a required field.”}} });

使用自定义方法扩展JQuery Validator插件

我添加了一个自定义validation方法来validation密码。 但是,如果我得到的JSON是: {“success”:true} 要么: {“success”:false} 字段密码永远不会validation。 $(document).ready(function() { // Ad custom validation $.validator.addMethod(‘authenticate’, function (value) { $.getJSON(“./json/authenticate.do”,{ password: value},function(json) { return (json.success == true) ? true : false;} ); }, ‘Wrong password’); $(‘form#changePasswordForm’).validate({ rules: { repeat_new_password: { equalTo: “#new_password” }, password : {authenticate: true} }, submitHandler: function(form) { $(form).ajaxSubmit( { dataType: “json”, success: function(json) { […]

使用jquery的Zend Framework表单

任何人都知道如何使用Zend_Form和jquery简单地创建一个表单? 我想使用Zend_Form来validation表单,所以我不需要在JavaScript和PHP中使用双脚本表单。 谢谢, Ivo Trompert

ASP.NET MVCvalidation使用qTip jQuery插件

我正在使用此处找到的解决方案,使用qTip jQuery插件在工具提示中显示客户端validation错误。 此解决方案非常适合客户端validation,但我希望能够以相同的方式显示服务器端validation错误。 有谁知道如何利用qTip在工具提示中显示服务器端validation错误? 谢谢