2013-07-12 41 views
0

Jquery .validate函数无法正常工作。Jquery验证允许表单提交,即使有错误

第一次在页面加载时,如果单击提交按钮,即使表单输入为空,也没有任何验证。该表格被提交即使验证函数被调用$(文件)。就绪(函数())

我有,所有的输入类型在一个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个字符,那么错误正在显示。

请让我知道是否有办法来防止这种情况。

谢谢。

+1

请添加你的html代码 – Antguider

+0

e.preventDefault()也会解决你的问题 –

+0

jQuery .validate()是一个不属于jquery“normal”.js文件的插件,所以你也需要.js。 (以防万一它的问题) – Sergio

回答

0

我错过了输入字段中的“name”属性,因此validate函数无法正常工作。

包括“name”属性解决了问题。

谢谢你们!