ここから本文です

jQueryのValidation-Engineを使って、リアルタイムバリデーションを したいのです...

アバター

ID非公開さん

2018/1/1517:05:25

jQueryのValidation-Engineを使って、リアルタイムバリデーションを
したいのですが、このソースで出来ませんでした。どこがおかししのか教えてください。よろしくお願い致します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">


<!-- ▼JS -->
<script src="../scriptsjquery-3.2.1.min.js"></script>
<!-- ▼バリデーション -->
<script src="../scripts/jquery.validationEngine.js"></script>
<script src="../scripts/jquery.validationEngine-ja.js"></script>
<link rel="stylesheet" href="../styles/validationEngine.jquery.css">
</head>

<body>
<script>
$(function(){
jQuery("#forminput").validationEngine();
});
</script>
<form id="forminput" action="./confirm.php" method="POST" enctype="multipart/form-data">
<table>
<tr>
<th>※料理名 : </th>
<td><input type="text" name="name" class="text validate[required]"></td>
</tr>

<tr>
<th>※料理写真 : </th>
<td><img src="" alt="スピードレシピコンテスト応募写真" id="file1_preview"></td>
<td><input type="file" name="image" id="file1"class="validate[required]"></td>
</tr>
<tr>
<th>※材料 : </th>
<td><textarea name="ingredients" class="validate[required]"></textarea></td>
</tr>
<tr>
<th><label for="time">※所要時間 : </label></th>
<td>
<select id="time" name="times">
<option value=15 selected>15分以内</option>
<option value=30>30分以内</option>
<option value=45>45分以内</option>
<option value=451>45分超過</option>
</select>
</td>
</tr>
<tr>
<th>※作り方 : </th>
<td><textarea name="howto" class="validate[required]"></textarea></td>
</tr>
<tr>
<th>※投稿ペンネーム : </th>
<td><input type="text" name="penname" class="text validate[required]"></td>
</tr>
<tr>
<th>※ご連絡用メールアドレス : </th>
<td><input type="email" name="mailaddress" id="mailaddress1" class="text validate[required,custom[email]]"></td>
</tr>
<tr>
<th>※確認用メールアドレス : </th>
<td><input type="email" name="mailaddress" class="text validate[required,custom[email],equals[mailaddress1]]"></td>
</tr>
<tr>
<th>お住まい : </th>
<td><input type="text" name="address" class="text"></td>
</tr>
<tr>
<th>年齢(半角数字) : </th>
<td><input type="text" name="age" class="text" pattern="^[0-9]+$" title="半角数字で入力して下さい。"></td>
</tr>
<tr>
<th>性別 : </th>
<td>
<label><input type="radio" name="gender" value="男性" class="radio">男性</label>
<label><input type="radio" name="gender" value="女性" class="radio" >女性</label>
<label><input type="radio" name="gender" value="未回答" class="radio">未回答</label>
</td>
</tr>
<tr>
<th>未既婚 : </th>
<td>
<label><input type="radio" name="marriage" value="未既婚" class="radio">未既婚</label>
<label><input type="radio" name="marriage" value="既婚" class="radio">既婚</label>
<label><input type="radio" name="marriage" value="未回答" class="radio">未回答</label>
</td>
</tr>
</table>
<p id="button"><input type="submit" value="確認"></p>
</form>

閲覧数:
107
回答数:
2
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

deb********さん

2018/1/1610:52:49

<script src="../scriptsjquery-3.2.1.min.js"></script>

<script src="../scripts/jquery-3.2.1.min.js"></script>

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜1件/1件中

nan********さん

2018/1/1518:00:57

リンク無いから確認できないななし

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる