Tag: jquery validate

如何通过ajax提交和validation表单

请尝试通过使用Ajax同时提交和validation我的表单到我的数据库,但它不适合我。 这是我的jquery $(document).ready(function(){ $(“.button”).click(function(){ $(“#myform”).validate(); //Ajax to process the form $.ajax({ type: “POST”, url: “process.php”, data: { firstname: $(“#firstname”).val()}, success: function(){ $(‘#message’).html(data); } }); return false; }); }); 问题是当我提交表单时,Ajax表单提交给自己。 请一起使用jquery validate和$ .ajax的正确方法是什么?

Jquery Mobile Validation错误位置和选择

我在我的jQuery Mobile项目中添加了bassistance jQueryvalidation。 它工作得很完美,除了错误显示在文本输入内部而不是它们之下。 我知道我可以使用errorPlacement在输入下方使用div来输出我的错误消息,但这似乎不适用于选择菜单。 所以我有两个问题: 有什么我可以做的不同,使错误消息显示在输入下方而不使用errorPlacement? 如果必须使用errorPlacement,如何显示选择菜单的错误消息? 这是我的代码: $(‘#page’).bind(‘pageinit’, function(event) { $(‘#registrationForm’).validate({ rules: { firstname: { required: true }, lastname: { required: true }, email: { required: true, email: true, remote: “duplicateCheck.php” }, password: { required: true, minlength: 5 }, verify_password: { required: true, minlength: 5, equalTo: “#password” }, handicap: { required: true, maxlength: […]

使用取决于jQuery Validation插件

我有一个带有一堆默认禁用的文本框的表单,然后通过使用每个文本框旁边的复选框启用。 启用时,这些文本框中的值必须是有效数字,但在禁用时,它们不需要值(显然)。 我正在使用jQuery Validation插件来进行此validation,但它似乎没有按照我的预期进行。 当我单击复选框并禁用文本框时,尽管我已添加到规则中的depends子句,但仍然会收到无效字段错误(请参阅下面的代码)。 奇怪的是,实际发生的是错误消息显示一瞬间然后消失。 以下是复选框和文本框列表的示例: One Two 这是我正在使用的jQuery代码 //Wire up the click event on the checkbox jQuery(‘#ItemList :checkbox’).click(function(event) { var textBox = jQuery(this).siblings(‘:text’); textBox.valid(); if (!jQuery(this).attr(“checked”)) { textBox.attr(‘disabled’, ‘disabled’); textBox.val(”); } else { textBox.removeAttr(‘disabled’); textBox[0].focus(); } }); //Add the rules to each textbox jQuery(‘#ItemList :text’).each(function(e) { jQuery(this).rules(‘add’, { required: { depends: function(element) { […]

validation失败时防止关注字段

我经常使用这个jQueryvalidation插件来validation表单,它工作得很好。 对此感到非常满意,但是当您在表单上按提交时,它会自动将焦点放在无效的字段上。 在我目前的项目中,我有一个非常长的表单,当你按下提交按钮时,你的滚动跳到了字段(可能是因为它聚焦了),但是当我的表单很长时,我觉得它有点烦人。 有谁知道如何通过将焦点放在无效的输入字段上来禁用jQueryvalidation。 最好的祝福!

在同一页面上validation多个表单

例如,我在页面中有3个具有相同名称的表单。 如何使用一种validation方法validation所有这些表单? 我想要同时validation所提交的表单不是全部。 $(‘#formID’).validate({ }) 我的解决方案不起作用。 我还发现我无法添加不同的ID,因为这些表单在PHP循环中,并且必须具有相同的ID。

使用动态表单进行ASP.Net MVC 3客户端validation

我正在尝试手动validation,所以我可以通过AJAX发布我的表单。 我$(“#formHolder”).load(url);使用$(“#formHolder”).load(url);动态加载我的表单$(“#formHolder”).load(url); 当我将页面加载到DIV时,它总是validation为true,即使我的输入框为空。 即调用if($(“#MyForm”).valid()) //is always true 但是,如果我直接转到页面URL,它可以正常工作。 那么如何在通过.load(url);加载表单后正确初始化表单.load(url); 因为它在首次打开时不存在于页面上 我的Javascript是 $(‘.myLink’).click(function () { var url = ‘/newsletter/info/’; // this loads my HTML form from another page/view at runtime $(“#formHolder”).load(url, function () { $(“#MyForm”).validate(); // I thought this line would initialise it once it loads }).dialog({ modal: true, width:800, height: 600 }); return false; });

validation预填充的jQuery表单(在第一个字段clear,ASP.NET和unobtrustive上无效)

我有一个可以填写,保存,加载和重新编辑的表单。 当它被加载并重新编辑时,它可能开始有效。 当一个字段在加载时有效时,我希望它在编辑时违反规则立即失效。 简而言之,这是我的问题,我怀疑这是一些我找不到的配置选项支持的。 目前,它只在以下情况下正常工作(上述方式):1)编辑,2)然后在有效时场失去焦点,3)然后再次编辑它。 因此,需要额外有效的失去焦点来可视化预填充forms的错误。 如果加载时为空(例如第一次访问),则不应显示错误。 我已在我的框架中使用以下内容: jQuery.validate(’已批准的’,以及我的问题的焦点) 用于ASP.NET MVC 3的jQuery不显眼的validation适配器 我目前没有运行任何自定义代码来激活它,因为’unobtrusive’适配器初始化validation(但我很乐意,解决这个问题)。 我已尝试在页面加载时添加’form.valid()’,但它不能解决上述问题,实际上会破坏更多内容。 谢谢,香农

使用jquery.validate.js插件进行条件表单validation

任何人都可以告诉我如何编写一个规则来validation用户是否选择/填充了一个单选按钮选项和(optinal)文本字段? 如果未选择复选框选项#myradiogroup且文本字段#email2为空,则规则应仅显示消息。 我的表格代码: option 1 option 2 this is an optional field:

jquery新手:将validation与隐藏提交按钮相结合

我是一个新的jQuery。 我已经validation了使用我的表单(MVC 1.0 / C#): if (document.forms.length > 0) { document.forms[0].id = “PageForm”; document.forms[0].name = “PageForm”; } $(document).ready(function() { $(“#PageForm”).validate({ rules: { SigP: { required: true } }, messages: { SigP: “A Sig Value is required. ” } }); }); 我还想隐藏“提交”按钮以防止在控制器完成和重定向之前导致重复输入(我正在使用GPR模式)。 以下工作用于此目的: // // prevent double-click on submit // jQuery(‘input[type=submit]’).click(function() { if (jQuery.data(this, ‘clicked’)) { […]

如何使用asp.net mvc 3 jqueryvalidation与jjery对话框进行ajax提交?

我在用 asp.net mvc 3 jqueryvalidation无阻碍的javascript。 我试图通过注释在服务器端编写所有validation,然后使用mvc 3的新function来处理客户端。 我有一个对话框,上面有一个按钮(只是一个按钮而不是提交按钮),我想通过ajax将数据发布到服务器。 因此,当用户点击按钮时,我会执行表单提交并返回false以取消回发。 我认为这会触发validation但似乎并非如此。 如何进行客户端validation触发器? 编辑 var $dialog = $(”).dialog( { width: 580, height: 410, resizable: false, modal: true, autoOpen: false, title: ‘Basic Dialog’, buttons: { Cancel: function () { $(this).dialog(‘close’); }, ‘Create Task’: function () { var createSubmitFrmHandler = $(my.selectors.createFrm).live(‘submit’, function () { alert(‘hi’); return false; }); createSubmitFrmHandler […]