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驗證：沒有錯誤產生，不妨礙提交（即不工作）

回答

相關問題