Tag: jquery validate

jQuery只在SUBMITvalidation规则

假设我有一个查找城市,州位置的表单。 如果用户输入了错误的城市,状态,我希望表单能够根据用户输入检查数据库,并查看输入是否有效。 如果不是,我希望用户提示。 因此,表单Validate是我的插件。 $(“#form”).validate({ rules: { citystate: { required: true, myCustomAjaxSyncronousCheckAgainstDBRule: true } submitHandler: function(form) { if ($(“#form”).valid()) { form.submit(); } } }); 现在说这个表单必须在我的网站的4个不同的地方使用,所以很难重构myCustomAjaxSyncronousCheckAgainsDBRule(伪名称btw)并在我的网站上有4次相同的代码。 这就是我在JS文件中创建自定义规则的原因。 但有没有办法只能在提交时检查规则。 因为如果用户输入无效,它将在每个键击中检查它,这可能非常麻烦。 特别是因为我有jQuery.ui.autocomplete运行unjuction。

validation插件 – 自动validation页面上的多个表单

目前我需要validation这样的每个表单: $(document).ready(function () { $(‘#admin_settings_general’).validate({ rules: { admin_settings_application_title: { required: true } }, highlight: function (element) { $(element).closest(‘.form-group’).addClass(‘has-error’); }, unhighlight: function (element) { $(element).closest(‘.form-group’).removeClass(‘has-error’); } }); }); 我希望它能自动validation具有required标记的每个元素的表单。 我怎样才能做到这一点?

onkeyup和onfocusout在jQuery Validate中不起作用

我正在使用jQuery Validate插件进行validation。 我必须在表单上进行实时validation。 例如,如果需要名字 ,那么用户应首次获得所需的消息,并在他开始输入文本框时进入。 为了实现这个function,我正在使用插件的onkeyup和onfocusout选项。 为此,我引用了具有相同问题的链接 。 这是我用于表单validation的coffeescript代码 defaultPageForm: (self)-> form = $(“#PageForm”) if form.length > 0 form.find(‘textarea’).on ‘click’, -> $(@).valid() form.find(‘input’).on ‘click’, -> $(@).valid() form.validate ignore: “.ignore” rules: “view[name]”: required: true NameWordCount: [3] “view[comment]”: required: true CommentWordCount: [5] accept_terms: “required” messages: “view[comment]”: “Please add comment” errorElement: “span” errorClass: “error_msg wide ” errorPlacement: (error, […]

如果在Ajax表单中使用,jQuery不显眼validation会忽略提交按钮上的“取消”类

我正在尝试使用实现可选的客户端validation ASP.NET MVC 4, 不引人注目的jQueryvalidation, 不引人注目的ajax 这很好用 下面的图片显示了我对可选的客户端validation的意思:我的表单上唯一一个字段应该包含电子邮件,因此附加了一个电子邮件validation器。 现在我们点击保存。 由于我们的文本“name @ doamin”不是有效的电子邮件,因此会显示validation摘要。 与validation摘要一起,我们取消隐藏“无论如何”保存按钮。 第二个按钮是一个普通的提交按钮,只有class=”cancel” 。 这指示jQuery.validate.js脚本在使用此按钮提交时跳过validation。 以下是视图的代码段: @using (Html.BeginForm()) { * @Html.ValidationSummary(false, “Still errors:”) } 一切正常。 问题 如果我切换到Ajax表单,第二个提交按钮 – “仍然保存”按预期停止工作。 它的行为与正常行为相同,并且在validation成功之前阻止提交。 以下是“ajaxified”视图的代码段: @using (Ajax.BeginForm(“Edit”, new { id = “0” }, new AjaxOptions { HttpMethod = “POST”, InsertionMode = InsertionMode.Replace, UpdateTargetId = “ajaxSection”, })) { * […]

jqueryvalidation尚未创建的元素

我想知道是否有可能让jQuery Validator插件validation在最初设置规则时dom中尚不存在的元素。 调用.Rules(“add”,therules)方法只会将规则附加到当前存在于dom中的元素。 如果我要创造一些。 validation不会触发。 有什么想法吗? 我正在使用的validation器的主页: http : //bassistance.de/jquery-plugins/jquery-plugin-validation/ 通过http://ejohn.org/blog/javascript-micro-templating/创建新元素 基本上有一个ajax调用,服务器返回一堆json(ajaj?),这个json通过resig的模板引擎输入。 示例模板如下所示: <input type="hidden" value="” id=”Edit.ID” name=”Edit.ID” /> <input type="text" value="” id=”Edit.Price” name=”Edit.Price” /> 这些值显然是通过传入的json填充的。 我还应该提一下,我正在使用xvalvalidation框架,它基本上为我自动生成jqueryvalidation规则: http : //blog.codeville.net/2009/01/10/xval-a-validation-framework-for- ASPNET-MVC /

使用jQuery Validatevalidation具有相同名称的多个字段

我有一个HTML表单,我正在使用Perl CGI处理,如下所示: 我正在使用jQuery Validation插件validation它。 麻烦的是,当我调用$(‘#main’).valid() ,它只检查第一个字段是非空的。 如何检查所有字段?

未捕获的TypeError:无法读取未定义的属性“call”

我有一个预先存在的表单,我正在尝试添加jqueryvalidation包含: {% csrf_token %} First Name Last Name 使用jqueryvalidation器插件,我添加了: $(‘form’).validate({ rules: { first_name: { minlen: 3, maxlength: 15, required: true }, last_name: { minlength: 3, maxlength: 15, required: true }, email: { required: true, email: true }, phone1: { required: true, phoneUS: true }, phone2: { required: true, phoneUS: true }, street: { required: true […]

如何使用jQuery远程validation依赖于表单中另一个字段的字段?

我有一个表单,我使用远程validation来检查数据库中是否已存在电子邮件地址。 然而,问题在于,在这种forms上,用户可以在几个不同的“组”之间进行选择,并且每个组具有其自己的不同的电子邮件地址集(因此相同的电子邮件可以在每个组中存在一次)。 组选择是表单上的下拉列表,电子邮件地址是具有远程validation的输入字段。 我有几个问题。 首先,我已经设置了这样的远程规则: remote: { url: ‘remote_script.php’, data: { group_id: $(‘select.group_id’).val() } } 但是,这似乎将group_id参数静态设置为select中的第一个值。 这意味着,如果我更改选择,然后再次触发远程validation,则group_id参数不会更改 首先,如何使此参数动态化,具体取决于表单中select的值? 其次,如何在电子邮件地址字段中手动触发远程validation? 当group_id select更改时,我想在电子邮件地址字段上重新触发远程validation(不更改字段的值)。 我试过用 $(selector).validate().element(‘.email_addr’) 但这似乎只触发标准validation(必需,电子邮件),而不是远程调用。

jQueryvalidation – 错误放置

我正在尝试使用jQueryvalidationDOCS中的 ‘errorPlacement’ : $(“#myform”).validate({ errorPlacement: function(error, element) { error.appendTo( element.parent(“td”).next(“td”) ); }, debug:true }) 我想在无效输入之前放置错误,但这不起作用: $(“#myform”).validate({ errorPlacement: function(error, element) { error.appendTo( element.parent(“form”).prev(“input”) ); }, debug:true }) 现场演示 任何帮助非常感谢!

Jqueryvalidation – 在隐藏区域中多次validation字段

我正在尝试在表单上添加一些validation来添加联系人,我似乎无法使其正确。 当您加载页面时,我的表单被隐藏(使用CSS),您必须单击“添加联系人”按钮才能显示。 然后,您会看到一个简单的表单,您可以在其中输入名字(必填),姓氏和电子邮件地址(必填和电子邮件validation)。 完成后,单击“添加”,Jquery将对后端执行Ajax调用,以在数据库中添加新联系人,并刷新视图以显示新创建的联系人并隐藏表单。 当您添加第一个联系人时,它可以正常工作,但如果您尝试在未validation第一个名称后立即添加其他联系人(如果您重新加载页面,则有效)。 我真的不明白为什么它会像这样,我的猜测是因为我们已经第一次validation了表格,这会破坏validation过程,但我找不到什么。 这是我的javascript: $(document).ready(function() { //get values // var service_name_value = $(“#tbl-existing_emails tfoot tr td input[type=’hidden’]”).val(); /***************** email management ******************************/ //add recipient function //triggered when user clicks on add recipient button //shows the form to enter the information for the new recipient+ $(‘#btn-show_report_add’).live(“click” ,function(e) { if ($(‘#box-report’).is(‘:visible’)) { return false; } […]