Tag: validation

jQuery多步骤表单：禁用“下一步”按钮，直到每个部分填入输入: 我有一个多步forms，每个都有不同的输入类型。我有一个’next’ ，它将在当前触发表单的下一部分。目前，下一个按钮设置为disabled直到用户满足该字段集的条件 – 即：已检查的无线电/复选框等。我遇到的问题是我用来将按钮属性切换为.prop(‘disabled’, false);的jQuery .prop(‘disabled’, false); 将整个表单中的所有按钮更改为false 。是否可以仅在当前集中定位？此外，如果用户返回某个部分并取消选中所有输入，是否可以禁用下一个按钮？以下是包含我当前使用的脚本的上一个答案：禁用按钮，直到单击一个单选按钮我有一个Codepen，其中包含我正在处理的原型： https ：//codepen.io/abbasarezoo/pen/jZgQOV – 您可以假设每次一个fieldset将一次显示。代码如下： HTML： Select one answer Radio 1 Radio 2 Radio 3 Next Select one answer per row Row 1 Radio 1 Radio 2 Radio 3 Row 2 Radio 1 Radio 2 Radio […]

检查以确保所有字段都填满Jquery: 我正在尝试在jquery中为我的输入字段创建一个简单的validation器。目前我得到以下内容： function checkInputs(){ var isValid = true; $(‘.input-required’).each(function() { if($(this).val() === ”){ isValid = false; return false; } }); return isValid; } 然后我有一个正确的按钮就是这样： $(‘#confirm’).click(function () { alert(checkInputs()); }); 但即使输入为空，这也总是返回true。此后，如果填写了所有输入，我将进行操作，将启用一个按钮以单击。编辑它所以它现在有一个选择器，仍然总是如此。提前致谢

jqueryvalidation器 – 名称属性和嵌套标签: 我的页面中有这个表单： Question Answers <c:forEach var="i" begin="1" end="${questionContentSize-1 现在，当我有相同的forms，但没有名称属性（只有id），并且每个input元素都具有相同的id属性值而没有name属性，当我提交表单时，只有带有questionText id的字段得到validation，其余的没有经过validation。现在，我在我的表单中为每个id为questionAnswer input添加了唯一的名称，一切正常，所以这是我的3个问题：怎么回事，如果没有name属性，jqueryvalidation器甚至会validationquestionText 是jqueryvalidation器在内部使用的name属性来决定应该validation哪些元素？为什么，当我有多行带有questionAnswer输入时，第一行附近有一条错误信息，无论我留空哪一行？编辑：这是浏览器的表单代码 Question Answers

PHP失败的jQuery Mobile Formvalidation: 我正在尝试为我正在使用PHP后端构建的jQuery Mobile站点中的某些表单字段添加一些validation。我在过去使用jquery.validate插件成功完成了这个，但是我无法使用jQuery Mobile。 validation在这个jsFiddle页面中有效： http://jsfiddle.net/GeX5C/5/ 但是当我从托管的PHP页面单击提交按钮时，我无法触发它。根据我的阅读，我不能使用通常的： $(document).ready(function(){ 方法，但不知道该替换什么？非常感谢这里的任何帮助。谢谢

jQuery，尝试根据所选内容validation一个字段或另一个字段: 我试图设置一个表单，用户必须从选择中选择一个选项或在输入中输入一个值。一个必须要求，但不是两个。我试图写一个if else语句如果选择了状态，则删除省上的类，如果省填充则删除类on state $(“#state”).bind(‘change’ , function() { if ( $(this).is(‘:selected’) ) { $(this).parents(‘.foreign’).removeClass(“required”); } else{ $(#province).is(‘:filled’); $(this).parents(‘.usa’).removeClass(“required”); } }); 但我知道这不是怎么做的。希望有人能够了解我正在尝试的内容。提前致谢！基本上你可以选择这个或那个但不是两个。

jquery表单向导validation: 我正在尝试使用jquery表单向导（ http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx ）实现validation脚本（bassistance）但我有一些问题。在jquery向导的页面上，一个名为“Tommy”的人想出了一段代码来实现代码的低音。但由于某种原因，我无法让它发挥作用。它出现了，如果该字段需要填写等，下一个按钮不起作用 – 这很好，但是，如果我填写所有字段，下一个按钮仍然无法工作.. function createNextButton(i) { var stepName = “step” + i; $(“#” + stepName + “commands”).append(“Next >”); /* VALIDATION */ if (options.validationEnabled) { var stepIsValid = true; $(“#” + stepName + ” :input”).each(function(index) { stepIsValid = !element.validate().element($(this)) && stepIsValid; }); if (!stepIsValid) { return false; } } /* END […]

在使用ajax提交之前使用javascriptvalidation表单？: 我一直在创建一个网站，我想要一个很好的登录/注册/忘记通行证表格。我想使用’ajax’让用户感觉很好，因此，在过去的两周里，我们已经在陡峭的学习曲线上度过。我想检查我的表单是否有效所以我使用了一些javascript并通过onsubmit函数执行它。但是，我的ajax只是提交，所以现在我想知道我是否会通过jquery脚本更好地validation？这是我到目前为止的代码： jQuery(document).ready(function($) { $(‘#JTlogin_titleText’).text(“Register or log in”); $(“input[type=’submit’][name=’submit’]”).val(“Send”); $(‘#JTlogin_wrapper #forgotpass_div’).hide(); $(‘#JTlogin_wrapper #matchPass_div’).hide(); $(‘form#loginFormID #username’).change(function(){ $(‘form#loginFormID span.JTlogin_usernameStaticMessage’).hide(); $(‘form#loginFormID span.JTlogin_usernameErrorMessage’).hide(); $(‘form#loginFormID span.JTlogin_usernameDynamicMessage’).show(); $(‘form#loginFormID span.JTlogin_usernameDynamicMessage’).html(” checking…”); $.ajax({ type:”post”, dataType: ‘json’, url:ajax_login_object.ThemeFolder+ajax_login_object.auxFunctionsFolder+”/check_login_details.php”, data: { ‘username’: $(‘form#loginFormID #username’).val() }, success:function(data){ if(data.existing_user == true){ $(‘form#loginFormID span.JTlogin_usernameDynamicMessage’).html(” Welcome back – please log in “+data.userFirstName+””); $(‘#loginSubmit’).removeAttr(“disabled”); $(‘#JTlogin_wrapper #matchPass_div’).hide(); } […]

检查电子邮件时是否存在jQueryvalidation消息: 我正在使用jQueryvalidation器来validation表单。我正在检查电子邮件ID是否已经存在或者没有在数据库中完美运行。我在Network->Response tab获取输出。问题是我无法在表单中显示该validation错误消息。我也设置了消息规则，但没有显示。你能帮助我吗？检查下图。形成 test.js // When the browser is ready… $(function() { $(“form[name=’form1′]”).validate({ // Specify the validation rules rules: { name:{ required: true, minlength: 3, maxlength: 50 }, email: { required: true, email: true, remote: { url: “process?key=emailalready_register”, type: “post” } }, mobile: { required: true, number: true, minlength: 10, […]

在XPage上添加JQuery对话框的方法: 我有一个div应该表现得像一个JQuery dialog 。在这个div我输入了一些数据，尝试validation它，并将其保存到数据库中。用户单击时会打开该对话框我遇到了3个问题： 1. JQuery ID的选择器基本上我们知道，如果我们试图找到使用类似这个var dialog = $(‘#addingDialog’)的JQuery选择器 – 它会给我们没有结果，因为var dialog = $(‘#addingDialog’) id是动态计算的。所以我决定像这样使用类（styleClasses，如果你愿意）声明它 JQuery是这样的： var dialog = $(‘.addingDialog’) 。似乎工作，虽然不好。 2.单击应该validation它的按钮并使所有后端的东西不起作用:( 不幸的是，当我单击“添加”按钮（保存的按钮）时没有任何反应 – 即使validation失败并且没有保存任何内容，对话框也会关闭，即使输入正确也是如此。所以我找到了一个解决方案 – 不要使用对话框和JQuery。但这不是正确的解决方案，至少不适用于这种情况。但即便在这里出现另一个问题 – validation 有两个对话框：一个用于添加，另一个用于编辑（JQuery不允许只有一个具有不同按钮function的对话框），两个都有validation，我必须输入一些东西进行编辑才能添加新的！最初我认为XPage中的validation工作原理是这样的 – 当用户点击相应的div检查中的所有inputText的相应按钮（添加或编辑）时，如果它是正确的 – validation成功并且后端操作发生。问题是 – 我怎样才能让它像这样工作？事实certificate，页面上的每个inputText都会检查。我不希望它像这样工作（截图不使用JQuery）这是我在页面上看到的。如果我在编辑对话框中输入任何值并单击“+添加零件”，一切正常。 […]

如何使Tab和Enter在一系列输入中表现相同？: 我正在对一系列输入框进行一些validation。我需要确保输入的值可以被6整除。当用户尝试提交无效值时，所有其他输入都将被禁用，直到他们更正错误，并弹出一个Div解释问题。我尝试的第一种方法是捕获Tab或Enter的键盘事件： $(“.test1”).keyup(function(event) { if((event.keyCode == 9) || (event.keyCode == 13)) { event.preventDefault(); var valid = true; if(parseInt($(this).val()) % 6 != 0){ valid = false; $(‘#errorMessage’).html(“That’s not divisible by 6”); } if (!valid){ // Show error message and disable other text boxes var position = $(this).position(); $(‘input’).not(this).prop(‘disabled’, true); $(“#validation”).show(); $(“#validation”).offset({top:position.top, left:position.left + $(this).width()}); […]