jQuery验证：没有错误产生，不妨碍提交（即不工作）

我只是不能看到有什么问题 - 如果有任何新的眼睛可以协助我会非常感激。这里是全部（尽管我已经把它简化为只是一个问题等）。jQuery验证：没有错误产生，不妨碍提交（即不工作）

我用谷歌的地址作为行动地址只是为了测试它在js小提琴（它什么都不做）真正的版本指向页面二的形式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > 

<head> 

    <!--jquery--> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <!--jquery--> 

    <!--jquerytools--> 
    <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 
    <!--jquerytools---> 

</head> 

<body> 


<form id="form1" method="post" action="http://www.google.com"> 


        <label for="question1">How Many?</label> 
        <input  
         title="Answer this" 
         type="number" 
         id="question1" 
         name="question1" 
         value="$question1" 
         size="10" 
         maxlength="10" 

        /> 

        <input 
        type="submit" 
        value="Continue" 
       /> 
     </form> 
<script> 
(function($,W,D) 
{ 
    var VALIDATE = {}; 

    VALIDATE.UTIL = 
    { 
     setupFormValidation: function() 
     { 
      //form validation rules 
      $("#form1").validate({ 
       rules: { 
        question1: "required"      
        } 

       messages: { 
        question1: "Please complete this field", 
        }, 
       submitHandler: function(form) { 
        form.submit(); 
       } 
      }); 
     } 
    } 

    //when the dom has loaded setup form validation rules 
    $(D).ready(function($) { 
     VALIDATE.UTIL.setupFormValidation(); 
    }); 

})(jQuery, window, document); 
</script>  

</body> 
</html>

我使用这里介绍的方法： http://www.jquery4u.com/forms/basic-jquery-form-validation-tutorial/#.UE6tb41lTwk

，其中该验证工作正常 - 我是新来的JS。所有的帮助非常感谢，谢谢。

来源

2012-09-11 Gideon

试图包围这样的脚本<脚本类型=“文/ JavaScript的“> –

您的代码有语法错误。检查这个fiddle

(function($,W,D) 
{ 
    var VALIDATE = {}; 

    VALIDATE.UTIL = 
    { 
     setupFormValidation: function() 
     { 
      //form validation rules 
      $("#form1").validate({ 
       rules: { 
        question1: "required"      
        },//---------->your code was missing this comma 
       messages: { 
        question1: "Please complete this field", 
        }, 
       submitHandler: function(form) { 
        form.submit(); 
       } 
      }); 
     } 
    } 

    //when the dom has loaded setup form validation rules 
    $(D).ready(function($) { 
     VALIDATE.UTIL.setupFormValidation(); 
    }); 

})(jQuery, window, document);

第二件事要记住的是最初包括jQuery库，然后验证插件像

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

来源

2012-09-11 04:02:04 Sibu

非常感谢。 – Gideon

也感谢关于图书馆包含的顺序的提示 - 为什么这是必要的（出于兴趣）？ – Gideon

@Gideon，因为它是基本的jquery库，你的插件可能需要库中定义的许多函数。所以当你的插件调用一个函数时，应该先定义它，否则会出错 – Sibu

jQuery验证：没有错误产生，不妨碍提交（即不工作）

回答

相关问题