0

私はこれの何が悪いのかわかりません-新鮮な目のペアが助けてくれるなら、私はとても感謝しています。これが全体のロットです（ただし、1つの質問などにまとめました）。

jsフィドルでテストするためだけにアクションアドレスとしてグーグルのアドレスを使用しました（それが何もしない場合）実際のバージョンはフォームの2ページを指します。

<!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);

覚えておくべき2番目のことは、最初に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-11T04:02:04.043 に答える