Tag: parsley.js

即使Parsleyvalidation失败，也始终执行.submit（）: 我正在使用parsley.js进行validation。它在不使用Ajax的情况下完成工作。但是当我添加.submit（）函数时，它总是被触发并且不等待validation。更新：我也需要使用远程validation $(document).ready(function(){ $(‘#form_register’).submit(function(){ alert(‘The form submitted’); }) }); https://jsfiddle.net/rostamiani/mzdvLpnt/3/ 它适用于提琴手，但不适用于我的页面。我附上了我的页面： https ： //ufile.io/hm7w5

自定义Parsley.js异步validation器循环两次: 我整个下午一直在想这个，我似乎无法调试这个。问题是，当我对页面进行硬刷新（文档准备好了）时，我的自定义异步validation器会运行两次但只发布一次到服务器。 window.Parsley.addAsyncValidator(’emailvalidation’, function (data) { console.log(“Runs”); var myResponseText = data.responseText; var obj = jQuery.parseJSON(myResponseText); valid = (obj.result == 1); return valid; }, ‘/check.do?action=userEmailAvailable&ajax=1’); 基本上它会在控制台中打印Runs两次，但它不会重复服务器post。每次循环时，它还会打印一条错误消息（重复）。如果我从链接进入页面（使用smoothState和ajax dom插入，因此文档就绪不会触发），就不会发生这种情况。提交表单位于页面底部，并未包装到文档就绪中，也不是单独的.js文件中的validation程序（也未包含在文档就绪中）。此自定义validation程序（也是唯一的ajaxvalidation程序）只会出现此问题。最好的祝福

使用parsley.js为每个字段提供多个自定义错误消息支持: 我试图使用parsley.jsvalidation一个简单的表单，我在parsley.js上非常初学。我想在一个自定义validation方法中使用window.ParsleyValidator.addValidator（）方法显示多个错误消息。所以我试过了以我的方式。我创建的简单html表单 Custom Validation Parsley Please provide your name, email address (won’t be published) and a comment E-Mail with custom method (required) $(“#commentForm”).parsley(); 以及包含自定义validation方法的javascript文件 var errorMsg = “”; window.ParsleyValidator.addValidator(‘checkEmail’, function(value) { console.log(value); if (value == “”) { errorMsg = “this field must not be empty”; return false; } else { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; if […]

Parsley JS将错误/成功类添加到父级: 我正在使用Parsley JS（ http://parsleyjs.org/ ）进行表单validation。错误的默认行为是向每个无效输入添加一类parsley-error 。但是，我想更改默认行为并将错误类添加到输入的父级 – 特别是在form-group元素上。基本的HTML Full Name * : Email * : 我正在使用“Javascript安装”来初始化所有内容，我尝试使用我自己的函数覆盖“errorClass”和“successClass”选项，但似乎不起作用。 $(‘.js-contact-form’).parsley({ trigger: ‘change’, errorClass: function(){ $(this).parent() .removeClass(‘has-success’) .addClass(‘has-error has-feedback’); }, successClass: function(){ $(this).parent() .removeClass(‘has-error’) .addClass(‘has-success has-feedback’); }, errorsWrapper: ”, errorTemplate: ”, }); 我想最终得到这样的东西： Full Name * : This field is required

如何通过Parsley.js动态添加和删除maxlengthvalidation？: 我正在使用parsley.js ，我必须根据用户选择的数据动态显示/隐藏validation。我已阅读此SOpost以动态添加或删除要由欧芹validation的必填字段，这很有帮助。但是，如何动态删除并添加输入字段的maxlength ？我尝试了以下两个选项： $(‘input’).attr(‘data-parsley-maxlength’, ‘true’); $(‘input’).attr(‘data-parsley-maxlength’, true); 但上面给出了以下错误消息： This value is too long. It should have true characters or fewer.

Parsley.js – 更改错误容器: 我想改变每个错误消息的位置。这将在相应的显示错误消息。通过使用文档的代码，错误消息msg显示在元素（输入）之前，并且不会按预期显示。有任何想法吗？根据文件： errors: { container: function (element, isRadioOrCheckbox) { var $container = element.parent().find(“.parsley-container”); if ($container.length === 0) { $container = $(“”).insertBefore(element); } return $container; } } 我的HTML代码是： INPUT 复选框 Checkbox 1 Checkbox 2

使用input =“submit”字段来提交而不是使用parsley.js的button =“”: 我目前有一个ASP.net页面，在整个页面周围有一个表单标签。在该页面中，我有两个表单，当它们各自的提交按钮被单击时，使用parsley.js进行validation。目前，validation这些表单的触发器是按钮，我需要输入=“提交”。有没有人知道如何执行此操作？这是一个JS小提琴的例子 – http://jsfiddle.net/ukgvam9k/26/ Submit Submit 2 $(“#submit-form”).on(‘click’, function () { $(‘#form’).parsley().validate(“first”); if ($(‘#form’).parsley().isValid(“first”)) { $(‘#form’).parsley().destroy(); console.log(‘valid’); //$(‘#form’).submit(); } else { console.log(‘not valid’); }}); $(“#submit-form2”).on(‘click’, function () { $(‘#form’).parsley().validate(“second”); if ($(‘#form’).parsley().isValid(“second”)) { $(‘#form’).parsley().destroy(); console.log(‘valid’); } else { console.log(‘not valid’); }});

将parsley.js用于表单的某些区域？: 我正在使用parsley.js（parsleyjs.org）和acc-wizard.js（ http://sathomas.me/acc-wizard/ ）。有没有办法让欧芹只检查某个区域（参见下面的代码，例如region one ，可能包含5个输入字段）而不是整个表单？ fields for parsley.js to validate… fields for parsley.js to validate… fields for parsley.js to validate… 谢谢！

Parsley.js – 显示指定元素中的错误: 使用Parsley.js ，是否可以指定应该包含错误消息的元素？我试过了： $(‘#myForm’).parsley({ errors: { container: { $(‘#errorMessages’) } } }); 但是在我的表单输入之后仍然存在错误消息。

使用parsley.js提交异步表单: 我正在尝试创建一个使用Parsley.jsvalidation前端的表单并异步提交。该表单称为#contactForm，提交按钮为#sendData，当我在空表格或无效表单上点击提交时出现错误。我希望从无效的表单数据中看到“错误”警报，但它只是继续使用Else条件，并且数据由contactForm.php处理。 $(document).ready(function() { // submit data on click and check if valid $(‘#sendData’).click(function(e) { //check if valid with parsley var valid = $(‘#contactForm’).parsley ( ‘validate’ ); if ( valid === false ) { e.preventDefault(); } else { $.post(“contactForm.php”, $(“#contactForm”).serialize()); } }); }); 适当的解决方案如下。