Tag: jquery validate

jQuery Validation插件 – 复选框: 我自动生成一个测验页面，其中包含单选，多选和用户输入类型的问题。为了确保所有问题都已得到解答，我使用的是jQuery Validation Plugin。这适用于Radiobuttons和Textboxes，但在遇到复选框时失败。我的表单（通过从MySQL提出问题和选择动态生成）代码生成如下： $(document).ready(function () { $(“#form1”).validate({ invalidHandler: function() { alert(‘FAILED validation’); }, submitHandler: function() { alert(‘PASSED validation’); } }); }); form.form1 label.error { display: none; } 1 . Question One Opt One Opt Two Opt Three Opt Four Please select at least one option. 2 . Question Two aaaa bbbb cccc […]

将jquery.validate与bootstrap popover集成: 我有一个使用jquery.validate插件validation的注册表单。现在，如果表单无效，我想将validate的结果放在bootstrap popover中，但实际上，我不知道如何才能做到这一点。一些帮助？

jquery远程validation：将远程数据传递给funcion: 我的代码 var validator = $(“#form-utente”).validate( { rules: { login: { checkLogin: true } } } 我的“checkLogin”function…… $.validator.addMethod(“checkLogin”, function(value, element) { return eval($.ajax({ url: “checkLogin.cfm”, async: false, data: { login: function() { return $(“#login”).val(); }, } }).remoteData); }); checkLogin.cfm（remoteData）返回“false”，当我需要“true”时，反之亦然。我如何评估远程数据？ … 我需要这样的东西： rules: { login: { checkLogin: function(remoteData) { if(remoteData == true) { return false; } […]

带有altfields的jQuery UI Datepicker：validation不应该触发它: 我的表单上有3个datepickers（startdate，enddate和duedate），所选的日期打印在各自的altfields中。我有日期validation规则设置来validationaltfields中的值而不是datepickers本身（我尝试在datepickers上validation，但它没有做任何事情）。唯一的规则是它们是必需的，并且enddate和duedate必须大于startdate。如果我选择一个等于startdate的endate或duedate，我没有按预期得到任何validation错误，直到我点击提交按钮或者如果我将焦点放到altfield然后点击走（焦点丢失）。有没有办法在datepicker中选择日期时手动validation这些输入？这是演示这是代码： HTML： Goals * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } .ui-widget { […]

jQueryvalidation – 隐藏错误消息，不提交表单: 我正在使用jQuery Validate表单。我有一个required字段，但我不想显示该字段的任何错误消息。我只是希望阻止表单提交。我已经尝试将元素错误消息设置为： messages: { required: “” } 但是，由于我无法访问的默认validation格式（这是一个我无法更改的常见文件），我仍然看到一个带有空白错误消息的背景/框。有没有办法隐藏特定元素的错误消息的呈现，同时仍然阻止表单提交？

多个字段的一条validation消息: 我遇到了jQueryvalidation的问题，可以使用一些建议。有没有办法可以validation此表单中的三个电话号码字段，同时只有一个组的错误消息？任何帮助是极大的赞赏。形成 Phone Number* SEND 脚本（使用jqueryvalidation） $(“#mForm”).validate({ onfocusout:false, focuseInvalid:false, onkeyup:false, rules: { txtPhone1:{ required: true, digits: true, minlength: 3, maxlength: 3 }, txtPhone2:{ required: true, digits: true, minlength: 3, maxlength: 3 }, txtPhone3:{ required: true, digits: true, minlength: 4, maxlength: 4 } }, messages: { txtPhone1: “Your phone number is required.”, txtPhone2: “Your […]

单选按钮的jQuery Validation插件错误消息放置: 请有人帮助我，我真的坚持了一整天。我有一个PHP表单（多页）与不同类型的输入（收音机，复选框等）。我需要的是：如果用户未填写必填字段并按下继续按钮，则应收到错误消息BESIDE或ABOVE该字段。如果他忘记填写某些字段，则不应清除其他输入字段（因为我不希望他/她再次无意中重新回答所有这些问题）这是我到目前为止用JQuery插件尝试过的:(对不起，我无法粘贴所有代码，因为它太长了） What is your gender?* Male Female …. …. $(document).ready(function() { $(‘#formId’).validate({ // initialize the plugin rules: { q1: { required: true, }, q2: { required: true, }, q5: { required: true, }, q6: { required: true, } }, errorPlacement: function(error, element) { error.html(‘Please fill this field’); if(element.closest(‘.fieldset content’).find(‘label.error’).length==0){ error.insertBefore(element.closest(‘.fieldset […]

客户端validation后，重力表不提交: 我试图在重力forms上进行客户端validation。我是重力forms的新手，我研究并了解重力forms不支持客户端validation。所以我决定自己做。我使用了jQuery的validation库，当validation表单时，它没有被提交。我有以下代码： – jQuery(document).ready(function(){ jQuery(‘#gform_49’).validate({ // initialize the plugin rules: { input_7: { required: true, email: true }, input_8: { required: true, url: true } }, submitHandler: function (form) { form.submit(); return true; } }); }); validation失败后，用户输入正确的数据并尝试提交表单未提交。但是，如果用户第一次提交所有正确的信息，则可以正常工作。似乎重力表格两次禁用表单提交。 validation后提交表格的想法是否属实？

如何覆盖一个表单的成功行为？: 我们正在研究Asp.Net MVC ，使用带有Bootstrap JQuery Validation和jquery.validate.unobtrusive在我们的表单中显示成功和错误状态。这或多或少是我们默认的配置： jQuery.validator.setDefaults({ ignore: “”, validClass: “has-success”, errorClass: “has-error”, highlight: function(element, errorClass, validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element).closest(‘.form-group’).removeClass(validClass).addClass(errorClass); } }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass(errorClass).addClass(validClass); $(element).closest(‘.form-group’).removeClass(errorClass).addClass(validClass); } } }); 为页面上的特定表单覆盖此选项的正确方法是什么？我不想完全覆盖默认值。这是我想要在一个页面中只对一个表单执行的更改（用户请求了不同的行为）。表单没有validation器，因此它永远不会显示/使用错误样式，但是当用户在字段上选择一个值时，“成功”样式无论如何都会启动，我们也不想显示它。覆盖页面上特定表单的突出显示和unhilight行为的正确方法是什么？

使用jqueryvalidation插件自动完成和复选框无法正常工作: 我有一个包含不同类型字段的php表单（radio，checkbox，auto-complete，..）。一切运作良好，直到我添加了jQueryvalidation插件来validation我的表单字段。问题：自动完成字段不再起作用。 jQueryvalidation仍然适用于“无线电”类型，但不能使用复选框，它也会停用自动完成！有人可以帮助我知道为什么会这样吗？（因为整个代码很长，我只是粘贴自动完成部分+ jQuery表单validation） Survey Questions Who are your favourite actors/actresses?* Add rows $(function() { //autocomplete $(“.autofill”).autocomplete({ source: “actorsauto.php”, minLength: 3 }); }); $(function () { var scntDiv = $(‘#p_scents’); var i = $(‘#p_scents p’).size() + 1; $(‘#addScnt’).on(‘click’, function (e) { e.preventDefault(); e.stopPropagation(); $(‘ Remove’).appendTo(scntDiv); $(function ($) { $(‘#p_scnt_’ + i).autocomplete({ source: […]