前提・実現したいこと
jQueryで、HTMLのフォームに入力チェックをしたいです。
具体的には、テーブル内に存在するinputに対して、入力チェックをしたいです。
formタグ内にinputがある場合はできるのですが、inputがformタグの外にあり、form属性で繋がっている場合にチェックが利きません
どうしたらよいでしょうか?
①inputがformタグの外にあるパターン(バリデーションチェック不可能)
HTML
1~略~ 2 <tr class="table-warning"> 3 <td class="border align-middle" style="width:40%"> 4 <input type="text" size="70" maxlength="80" name="test" form="register"/> 5 </td> 6~略~ 7 8<form id="register" action="{% url 'registerItem:mercari_separate_list' %}" method="POST" class="form-horizontal"> 9{% csrf_token %} 10</form>
jQuery
1jQuery(function($) { 2$('#register').validate({ 3 4 //検証ルール設定 5 rules: { 6 7~~以下略~
②inputがformタグの中にあるパターン(バリデーションチェック可能)
HTML
1<form id="register" action="{% url 'registerItem:mercari_separate_list' %}" method="POST" class="form-horizontal"> 2input id="test" type="text" size="20" maxlength="80" name="test" form="register"/> 3{% csrf_token %} 4</form>
jQuery
1jQuery(function($) { 2$('#register').validate({ 3 4 //検証ルール設定 5 rules: { 6 7~~以下略~
補足
上記の例ですと、①の場合でもformにregisterが紐づいているので、テーブル内のinputに対しても入力チェックが利くと思ったのですが、うまくいきません。
どうしたらよいでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/20 09:07
2019/08/27 02:35
2019/08/29 10:33