0

我只是看不出这有什么问题-如果有一双新的眼睛可以提供帮助，我将不胜感激。这是全部内容（尽管我已将其简化为一个问题等）。

我使用 google 的地址作为操作地址，只是为了在 js fiddle（它什么都不做）中对其进行测试，实际版本指向表单的第二页。

<!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 新手。非常感谢所有帮助，谢谢。

4

1 回答 1

1

您的代码有语法错误。检查这个小提琴

(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 库，然后包含 validate 插件，例如

<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-11T04:02:04.043 回答