Tag: jquery validate
使用validate插件的Jquery bootstrap select2插件问题
在我的bootstrap项目中，我正在尝试使用插件select2，但我意识到如果你使用这个插件不再能够使用validate插件validation我的表单中的选择字段。 我会避免使用商业插件bootstrapvalidation器.. Foo 1 2 Bar 1 2 VALIDATE JS /* select 2 plugin */ $(‘select#foo’).select2(); /* Validation */ $(“#test_form”).validate({ rules: { foo: { required: true }, bar: { required: true } }, errorPlacement: function (error, element) { $(element).addClass(‘err’); }, success: function (label, element) { $(element).removeClass(‘err’); }, submitHandler: function(form) { alert(“validation ok”); } }); 在您看来，我该如何解决这个问题？ […]
jQueryvalidation – 需要工作但不接受
即时通过jquery上传图像并尝试validation它。 这是我的代码： $(document).ready(function(){ $(“#form”).validate({ errorLabelContainer: “#message_box”, wrapper: “li”, rules: { image: {required: true, accept: “jpg|jpeg|png|gif”} }, messages: { image: {required: ‘Required!’, accept: ‘Not an image!’} } }) }); 必需是工作 – 如果我没有插入图像我得到一个错误。 但接受不起作用（任何我插入的通行证），我无法弄清楚为什么。 有任何想法吗？ 🙂
有效与validation
我正在尝试学习jQuery并偶然发现了一个奇怪的问题（也许只对我来说很奇怪）。 所以这里是：我在我的应用程序中有一个带有id mainform的表单。 现在我想用jQueryvalidation表单。 另外我想设置蓝色的无效字段。 为此，我添加了CSS .error{ background-color:blue; } 当我运行$(‘form#mainform’).valid(); 在控制台中，我得到了亮点，一切正常。 但是当我运行$(‘form#mainform’).validate(); ，我得到了大量的数据，没有任何反应。 此外，如果我在.valid()之前运行.valid() ，各种选项（如错误放置等）似乎不起作用。 我想知道它们之间的区别，为什么它们表现得如此不同以及应该在哪里使用它们。 如果有人能指出我正确的方向，我将不胜感激。 注意：我使用的是jquery.validate.js
如何在仅提交时执行validation – jQuery Validation插件
我希望jQuery Validate插件仅在表单提交时显示validation消息，而不是在输入字段的焦点丢失时显示。 我如何实现这一目标？ 现在我正在遵循这种模式，这导致失去焦点事件后的validation： $(document).ready(function(){ $(“#commentForm”).validate(); }); Name *
尝试使用jQuery Remote设置自定义validation消息
我有一个带有以下validation设置的表单： $(‘#form’).validate({ onfocusout: false, onkeyup: false, onclick: false, success: function (){ $(‘#username’).addClass(‘input-validation-confirmation’); } }); $(‘#username’).rules(“add”, { onfocusout: false, onkeyup: false, required: true, email: true, remote: { url: function, type: ‘GET’, dataType: ‘json’, traditional: true, data: { username: function () { return $(‘#username’).val(); } }, dataFilter: function (responseString) { var response = jQuery.parseJSON(responseString); currentMessage = response.Message; […]
在提交表单之前validation文件扩展名和大小
我正在使用jQuery validate插件，并希望在提交表单之前validation文件扩展名和文件大小。 “use strict”; $(‘#update_profile’).validate({ rules: { FirstName: { required: true, maxlength: 20 }, image: { required: true, extension: “jep | jpeg”, filesize : 50000, } } }); 我想要类似于上面的代码。
jQuery UI Datepicker maxDate选项的手动日期条目validation
我在页面上有jQuery datepicker，需要允许手动输入日期，但还需要validation日期不超过一天。 选择器控件已通过maxDate限制，但当手动输入日期时，他们可以提前一天输入日期。 一个人（我）如何阻止它？ 这是我到目前为止： $(“.datepicker”).attr(“placeholder”, “mm-dd-yyyy”).datepicker({ showOn: “button”, maxDate: “+1”, showOtherMonths: true });
使用jqueryvalidation的远程function
我试图找出如何解决这个问题： $(‘#username’).blur(function(){ $.post(‘register/isUsernameAvailable’, {“username”:$(‘#username’).val()}, function(data){ if(data.username == “found”){ alert(‘username already in use’); } }, ‘json’); }); 接近这个： rules: { username: { minlength: 6, maxlength: 12, remote: { url: ‘register/isUsernameAvailable’, type: ‘post’, data: { ‘username’: $(‘#username’).val() } } } 但是我很难完成它。 我想要的是代替警报，让它显示错误消息，但我可以在实际的jqueryvalidation消息中设置消息。 http://docs.jquery.com/Plugins/Validation/Methods/remote#options 更新： 出于某种原因，它没有把它作为一个POST做它作为GET请求并且不确定原因。 这是更新的代码： rules: { username: { minlength: 6, maxlength: 12, remote: { url: […]
jQuery表单validation – 错误标签的CSS
我使用jquery网站上使用的完全相同的示例进行简单的表单validation; http://docs.jquery.com/Plugins/Validation 但有一点我不明白，示例中的错误消息显示在每个输入字段的右侧。 我想在每个输入字段下显示错误。 这是如何运作的？ 我试着玩宽度和填充但到目前为止没有运气。 我使用的CSS代码略有改动，但仍然非常简单; label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: 0px; vertical-align: bottom; } p { clear: both; } fieldset {position: absolute; left: 450px; width: 400px; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } 这是jfiddle http://jsfiddle.net/nBv7v/
没有表单标记的jQueryvalidation
我有一个带有许多输入的“表单”，在提交按钮我调用一个javascript函数来操作信息并通过ajax发送到php文件.. 我可以添加一个没有动作URL的表单标签来validation我的“表单”与jqueryvalidation？ 或者我必须手动validation？ 谢谢！
