【问题标题】:Jquery validate allows form submit even if there are errorsJquery validate 允许表单提交,即使有错误
【发布时间】:2013-07-12 12:31:26
【问题描述】:

Jquery .validate 函数无法正常工作。

第一次在页面加载时,如果单击提交按钮,则不会验证任何内容,即使表单输入为空。即使在 $(document).ready(function()) 中调用了 validate 函数,表单也会被提交

我有一个表单,其中所有输入类型都在 div 名称中定义,例如,'targetListDiv'

$("#saveTargetList").on('click', function(e) {

if (!$("#targetListDiv").validate()) { // Not Valid
            return false;
        } 
$.ajax({

    url : 'example.htm',
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    dataType : 'json',
    data: JSON.stringify(data),
    success: function (text) { 

               alert(text);
            }, error: function(text){

                alert(text);
  });

即使有错误,表单也会被提交。

没有向客户显示错误。但是,如果我点击一个文本框并假设最小长度为 7,而我只输入 5 个字符,则会显示错误。

如果有办法防止这种情况,请告诉我。

谢谢。

【问题讨论】:

  • 请同时添加您的html代码
  • e.preventDefault() 也能解决你的问题
  • jQuery .validate() 是一个插件,不是 jQuery“普通”.js 文件的一部分,所以你也需要那个 .js。 (以防万一它的问题)
  • 谢谢大家。我刚刚发现了这个问题。我错过了导致问题的所有输入字段中的“名称”属性。包含名称参数后,问题已解决。验证功能开始正常工作。
  • @ram 你也可以回答并关闭它

标签: jquery ajax validation


【解决方案1】:

我错过了输入字段中的“名称”属性,因此验证功能无法正常工作。

包括“名称”属性解决了这个问题。

谢谢各位!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-09-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-29
    相关资源
    最近更新 更多