質問編集履歴

1

再度試したことを追記しました

2020/08/12 08:11

投稿

yun
yun

スコア9

test CHANGED
File without changes
test CHANGED
@@ -173,3 +173,65 @@
173
173
  そちらの回答を参考に行ってみましたが私のやり方が違うのか上手くできませんでした。
174
174
 
175
175
  https://teratail.com/questions/67526
176
+
177
+
178
+
179
+
180
+
181
+ ### 追記
182
+
183
+
184
+
185
+
186
+
187
+ ```ここに言語を入力
188
+
189
+ $(function(){
190
+
191
+ $('#form').validate({
192
+
193
+ rules:rule,
194
+
195
+ messages:msg,
196
+
197
+ submitHandler:function(){
198
+
199
+ let submit = $('button').data("submit");
200
+
201
+ if(!submit){$('form ul').append("<li>送信完了しました</li>"); $('button').data("submit",true);}
202
+
203
+ else{$('form ul li:last-of-type').text('送信完了しました'); $('button').data("submit",true);}
204
+
205
+ $('button').attr('disabled',true); return false},
206
+
207
+ invalidHandler:function(){
208
+
209
+ let submit = $('button').data("submit");
210
+
211
+ if(!submit){$('form ul').append("<li>送信ができませんでした</li>");
212
+
213
+ $('button').data("submit",true);} return false}
214
+
215
+ });
216
+
217
+ });
218
+
219
+ ```
220
+
221
+ https://teratail.com/questions/67526
222
+
223
+ 参考にしたこちらのやり方は実装できたのですが、私がやりたい動作とは少し違っていました。
224
+
225
+
226
+
227
+ 希望の操作
228
+
229
+ ①入力項目が全て埋まっている時は<button>の「disabled」を削除、埋まっていない時は追加を行う。
230
+
231
+
232
+
233
+ HTMLInputElement.checkValidity()
234
+
235
+ こちらを使ったやり方だと私のやりたい様なことが実装できそうだったのですが、併用して使うとValiation.js
236
+
237
+ の方が今度は上手く反応せず、手詰まりでした。