2

jqBootstrapValidationサイトの指示に従おうとしましたが、簡単な例を動作させることができませんでした。メール認証を選択しました。何が問題なのかはわかりませんが、以下の例の下部にあるインストール手順のステップ 2 ではないかと思います。

<form class="form-horizontal">
<div class="control-group">
<label class="control-label">Email address</label>
<div class="controls">
<input type="email" />
<p class="help-block"></p>
</div>
</div>
</form>

<!--Scripts-->
<script>
   $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery -->     
<script src="./js/bootstrap.js"></script>
4

2 に答える 2

2

jqBootstrapValidation.js を含めていません。

ダウンロードして、下部に次の行を含めます。

<script src="./js/jqBootstrapValidation.js"></script>

後または前:

<script src="./js/bootstrap.js"></script>

ただし、jQuery を呼び出す場所の上ではありません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

そうしないと、jqBootstrapValidation が機能するために jQuery が必要になるため機能しません。

于 2013-11-29T08:57:58.177 に答える
1

この簡単な例が役立つと思います..

</head>
<body>
    <!------------------------------------------------------------------------------->
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label">Email address</label>
            <div class="controls">
                <input type="email" />
                <p class="help-block"></p>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Type something</label>
            <div class="controls">
                <input type="text" name="some_field" required />
                <p class="help-block"></p>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Type a number</label>
            <div class="controls">
                <input type="number" />
                <p class="help-block"></p>
            </div>
        </div>
        <input type="submit" value="enter1"/>
    </form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery -->
    <script src="/js/jqBootstrapValidation.js"></script>
    <script>

        $(function() {
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        });

    </script>
    <!-- Bootstrap Core JavaScript -->
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

</body>

于 2015-08-07T19:16:33.707 に答える