Q&A
回答ありがとうございます。私も呼び出し箇所の順番が怪しいと思ったので参考サイト２で順番を変えてみようかと思いました。
いろいろ試してみます
###前提・実現したいこと
includeで呼び出したhtmlファイルに入力フォームがあり、そこで「validationEngine」を使って入力フォームのバリデーションチェックを行いたい。
###発生している問題・エラーメッセージ
jqueryが動かない、機能していない
###該当のソースコード
login.php側 ～～ <link rel="stylesheet" href="material/tpl/default/css/base.css" type="text/css" /> <link rel="stylesheet" href="material/tpl/default/css/jquery.jscrollpane.css" type="text/css"/> <link rel="stylesheet" href="material/tpl/default/css/validationEngine.jquery.css" type="text/css" /> <link rel="stylesheet" href="material/tpl/default/css/validationEngine.jquery.css" type="text/css" /> <script type="text/javascript" src="material/js/jcarousellite_1.0.1.min.js"></script> <script type="text/javascript" src="material/js/jquery.bxSlider.min.js"></script> <script type="text/javascript" src="material/js/function.js"></script> <script type="text/javascript" src="material/js/jquery.js"></script> <script> $(function(){ jQuery("ここに何を宣言するのかが分からない").validationEngine(); }); </script> </head> <body> <div id="container"> <header id="header" class="border"> <?php include 'material/tpl/default/header_2.php' ?> </header> <div class="content"> <?php include 'page/login.html' ?> ←呼び出し箇所 <div class="empty"> </div> login.html側 <div class="loginBox"> ここにFormタグを入れるか？ <dl> <dt><label for="email">メールアドレス</label></dt> <dd><input type="text" name="email" id="email" class="validate[custom[email]]"></dd> <dt class="last"><label for="password">パスワード</label></dt> <dd class="last"><input type="text" name="password" id="password"></dd> </dl> <button type="submit"></button> </div>
###試したこと
jqueryの勉強サイトを参考にすると
validationEngineの使い方
参考サイト
そもそも宣言の仕方が間違っていたのかのサイト
参考サイトその２
$(function(){
jQuery("ここに").validationEngine()
#from などの入力フォームにあるFormタグのIDなどを宣言しているがinclude で別ファイルから持ってくる場合、どう宣言すれば良いか分からない
###補足情報(言語/FW/ツール等のバージョンなど)
php
回答2件
0
JavaScriptの読み込む順番とvalidationEngine.jqueryを付け忘れもありました。
回答してくださった方ありがとうございます。
投稿2016/04/20 06:08
編集2016/04/20 06:10総合スコア15
0
ベストアンサー
「validationEngineを使いたい」ということですが、そもそも「jquery.validationEngine.js」が読み込まれてないような？
あと、スクリプト読み込みの順番がおかしいのでちゃんと動かない可能性があります。
html
1<script type="text/javascript" src="material/js/jcarousellite_1.0.1.min.js"></script> 2<script type="text/javascript" src="material/js/jquery.bxSlider.min.js"></script> 3<script type="text/javascript" src="material/js/function.js"></script> 4<script type="text/javascript" src="material/js/jquery.js"></script>
少なくともjqueryのプラグイン等々を使うなら最初にjquery.jsを読み込んでる必要があります。
include で別ファイルから持ってくる場合
ここのこと言ってますかね？
php
1<?php include 'page/login.html' ?> ←呼び出し箇所
この部分はサーバで処理されて現在のドキュメントに出力されてます。
javascriptがあれこれやる時点でもう処理は終わってるのです。
この「login.html」の中にformの開始タグがあるなら、そのタグのidなり何なりを指定してやる必要がありますね。
たとえば「login.html」ファイル内のフォームがこのドキュメントの最初のフォームとして出力されてるなら、
javascript
1$('form:first').validationEngine()
などとすれば期待した結果が得られるのでは？
投稿2016/04/19 07:55
総合スコア5572
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。