Tag: validation

检查提交时输入是否为空: 我一直在寻找解决方案，但似乎找不到任何适合我的例子。这是我到目前为止所得到的： $(“#register-form”).submit(function(){ if($(“.required input”).val() == ”) { alert(“Please fill in all the required fields (indicated by *)”); $(“.required”).addClass(‘highlight’); // $(‘input[type=submit]’, this).attr(‘disabled’, ‘disabled’); return false; } }); 出于某种原因，当我提交表格时没有填写任何必填字段（有两个），那么它可以工作，但如果填写了其中一个，则不会。有什么想法吗？谢谢 OSU

php – codeigniter ajax表单validation: 嗨，我对jquery -ajax很陌生，我想要一些帮助，请加入CI。我已经按照本教程使用AJAX提交表单，我想将此function添加到我的CodeIgniter站点。我想要做的是当用户提交表单时，如果有任何validation错误在每个输入字段上单独显示（如在本机ci进程中），或者如果通过validation_errors（）函数无法做到这一点。如果没有错误，则在表单上方显示成功消息。到目前为止，这是我的代码：我的看法 // If validation succeeds then show a message like this, else show errors individually or in validation_errors() in a list Success! ‘ajax-form’)); ?> Product * <input type="text" name="product_name" value="product_name); ?>” /> Brand <input type="text" name="brand" value="brand); ?>” /> … 我的控制器 public function add($id){ // set validation rules in […]

暂停表单提交以进行validation: 我有一些表单，它在iframe中上传文件。我想保留它的提交，直到我检查它是否与ajax有效。我怎样才能做到这一点？我的代码暂停提交并返回validation结果（当前只是一个返回’result’：’true’的虚函数）但是然后不执行’submit’操作。在获得响应200状态后显示响应数据需要~2秒是否正常？这是我的HTML： Submit {% render_upload_data upload_data %} {{ form }} JS： $(function() { $(‘#file_upload_submit’).click(function(e){ e.preventDefault(); var fileUploadForm = document.getElementById(‘file_upload_form’); $.ajax({ type: “POST”, url: ‘/artifact/upload/check-form/’, data: ‘foo=bar’, dataType: “json”, success: function(data){ if(data[‘result’] == “true”){ $(“#message”).show(); $(“#message”).fadeIn(400).html(”+data[“message”]+”); setTimeout(function(){ $(“#message”).fadeOut(“slow”, function () { $(“#message”).hide(); }); }, 1500); $(‘#file_upload_form’).attr(‘target’,’upload_target’).submit(function(){ alert(‘Handler for .submit() called.’); return […]

在不使用插件的情况下在jquery中进行表单validation: 我想在将数据发送到保护程序之前使用jqueryvalidation一个简单的表单。在这里，我需要在警告框中显示错误消息。我不能使用任何jquery插件来使用validation过程。这是我的HTML表单 – Name : Address : Email: 如果用户提交此表单而不填写任何表单元素，那么我需要在单个警报框中显示3条错误消息。像这样 Name can not be empty. Address can not be empty. email can not be empty. 如果只有一个或两个字段保持为空，那么我需要根据情况控制错误消息。在这里，我尝试使用jquery。但警告框一个接一个地显示。我的jQuery – $(‘#submit’).on(‘click’, function() { valid = true; if ($(‘#name’).val() == ”) { alert (“please enter your name”); valid = false; } if ($(‘#address’).val() == […]

使用jQuery将文本框输入限制为给定的正则表达式: 请考虑以下文本框：使用jQuery我想通过以下正则表达式将有效输入的集合限制为quantity_field ： var quantityRegexp = “^(0|[1-9]+[0-9]*)$”; 更具体地说，我想让浏览器丢弃输入到quantity_field中的任何字符，这些字符会使文本字段的值不符合给定的正则表达式。（当然也可以在服务器端进行相应的检查。）例子：如果用户键入“foo 234”，则只在文本框中输入“234”。如果用户键入“001230”，则仅在文本框中输入“1230”。如果用户键入“foo1bar”，则只在文本框中输入“1”。问题：使用jQuery实现这一目标的最简单方法是什么？

如何暂停表单提交，最后一次validation，最后一次validation，发布后/触发/继续提交？: 我有一个page1.php，我有一个fly.php。 page1.php是一个简单的（常规）表单页面，人们在用户提交表单时放置信息。通过ajax它加载validation码模板并要求即时validation（直到这里没问题）。在onFlyvalidation之后，我想允许这个.submit（）继续问题： How can i after .submit() pause for validatio此validation码的validation后，validation成功后，恢复表单提交（暂停）？例：第1部分：page1.php $(document).ready(function() { $(‘.callmeback’).submit(function() { $.ajax({ type : “GET”, url : “/include/class/fly.php”, data : “a=b”, async : false, beforeSend: function() { $(document.body).find(‘.blackwindow’).remove(); $(document.body).find(‘.nospam’).remove(); }, complete: function() { }, success : function(msg) { $(document.body).append(msg); $(‘.blackwindow’).css({ ‘opacity’:’0.90′ }); $(‘.nospam’).find(‘input[type=”button”]’).live(“click”, function() { // final […]

如何在提交表单之前等待ajaxvalidation完成？: 表单在validateUsername函数之前提交的问题有可能在服务器端完成用户名检查。如何在validateUsername函数完成后提交表单？希望这很清楚…… form.submit(function(){ if (validateUsername() & validateEmail() & validatePassword()) { return true; } else { return false; } }); function validateUsername(){ usernameInfo.addClass(“sign_up_drill”); usernameInfo.text(“checking…”); var b = username.val(); var filter = /^[a-zA-Z0-9_]+$/; $.post(“../username_check.php”,{su_username:username.val()},function(data) { if (data==’yes’) { username.addClass(“error”); usernameInfo.text(“sorry, that one’s taken”); usernameInfo.addClass(“error”); return false; } else if (!filter.test(b)) { username.addClass(“error”); usernameInfo.text(“no funny characters please”); […]

MVC3不显眼的validation：如何从一组元素中删除/重新附加validation？: 这是用例：如果用户在其中一个可见输入中进行了某个选择，那么只有一组字段才能显示这个长字形。阅读Brad Wilson关于这个主题的post我认为jQuery.validator.unobtrusive.parse（’。extra-data’）其中.extra-data是一个隐藏div的类。没有运气，因为第一次解析完成后数据已经存在。所以最后我提出了这个删除规则： $(‘.data-panel’).find(‘input[type=”text”], textarea, select’).each(function (i, item) { var currentRules = $(item).rules(‘remove’); // Saving removed rules to a sorta dictionary if (!$.isEmptyObject(currentRules)) { removedRules[$(item).attr(“name”)] = currentRules; } }); 并重新附加它们： $(‘.data-panel’).find(‘input[type=”text”], textarea, select’).each(function (i, item) { if (!$.isEmptyObject(removedRules[$(item).attr(‘name’)])) { $(item).rules(‘add’, removedRules[$(item).attr(‘name’)]); } }); 问题是，感觉有点像hacky，因为我真的经历了每个字段删除并重新附加这些validation规则。我的问题是：是不是有更简单的方法？性能也是一个问题，在其中一种巨大的forms中，您可以感觉到点击和validation运行之间的延迟。

JQuery用户名validation: 我是JQuery的新手，并试图编写一个脚本来检查用户名的可用性。我的问题是无论我输入什么，我总会回来“这个用户名已经被使用了”。 JQuery源码： $(document).ready(function() { jQuery.validator.addMethod(“usernameCheck”, function(username) { var isSuccess = false; $.ajax({ url: “username_availability.php”, data: “username=” + username, async: false, success: function(msg) { isSuccess = msg === “TRUE” ? true : false } }); return isSuccess; },””); $(“#register_form”).validate({ onkeyup:false, rules: { username: { required: true, minlength: 3, usernameCheck: true // remote check for duplicate […]

jQuery Validator – 如何validation非表单项？: 我有一个表单，用户可以继续将项目添加到列表中。当他们提交此页面时，我想validation此列表中是否包含其中的项目（而不是单个项目，因为它们已经过validation）。每个项目都被添加到表格中的新行，其中TR具有“action”的额外属性…所以它看起来像： … 我试图做的是添加一个自定义的addMethod，它调用一个函数，该函数将行数作为属性计算： $(“#tableID”).find(“tr[action]”).length 如果该长度大于0，则返回true，否则返回false。这在validation器调用之外工作正常，但由于某种原因它完全跳过它。我可以使用一个示例或一些洞察如何使它validation此规则，即使它不是一个特定的表单元素。按比例缩小的代码： * 请注意，我已经为消息设置了默认设置，而不是。 $.validator.addMethod(“validProductList”, function (value, element) { return this.optional(element) || validateProductList(); }, “You have no products in your list”); $(“#processForm”).click(function () { $(“#pageForm”).validate({ submitHandler: function () { $(“#errors”).hide(); //processPage(); }, rules: { //other rules, validProductList: true } }); }); function validateProductList() { var isValid = […]