質問編集履歴

2

直し

2018/07/05 02:52

投稿

masateru2
masateru2

スコア39

test CHANGED
File without changes
test CHANGED
@@ -228,6 +228,30 @@
228
228
 
229
229
  //post.js
230
230
 
231
+ validateのoption作成
232
+
233
+ var Valids = {
234
+
235
+ //入力欄別にルールを作成
236
+
237
+ rules:{
238
+
239
+ title:{
240
+
241
+ required:true
242
+
243
+ },
244
+
245
+ body:{
246
+
247
+ required:true
248
+
249
+ },
250
+
251
+ },
252
+
253
+ }
254
+
231
255
  $(function(){
232
256
 
233
257
  /**

1

誤植

2018/07/05 02:52

投稿

masateru2
masateru2

スコア39

test CHANGED
File without changes
test CHANGED
@@ -230,14 +230,78 @@
230
230
 
231
231
  $(function(){
232
232
 
233
+ /**
234
+
235
+ * 送信ボタンクリック
236
+
237
+ */
238
+
233
- $(".create_btn").on("click",function(){
239
+ $('#create_btn').click(function() {
240
+
234
-
241
+ //validate実行(作成したvalidateのoptionを指定)
242
+
243
+ $("#createform").validate(Valids);
244
+
245
+ //失敗で戻る
246
+
247
+ if (!$("#createform").valid()) {
248
+
249
+ return false;
250
+
251
+ };
252
+
253
+ /**
254
+
255
+ * Ajax通信メソッド
256
+
257
+ * @param type : HTTP通信の種類
258
+
259
+ * @param url : リクエスト送信先のURL
260
+
261
+ * @param data : サーバに送信する値
262
+
263
+ */
264
+
265
+ $.ajax({
266
+
267
+ type: "POST",
268
+
269
+ url: "delete.blade.php",
270
+
271
+ data: {
272
+
235
- $("#titleInput").val($("#bodyInput").val($("#create_btn").val()));
273
+ "title" : $("#titleInput").val(),
274
+
275
+ "body" : $("#bodyInput").val()
276
+
277
+ }
278
+
279
+ }).done(function(data, dataType) {
280
+
281
+ // successのブロック内は、Ajax通信が成功した場合に呼び出される
282
+
283
+
284
+
285
+
286
+
287
+ }).fail(function(XMLHttpRequest, textStatus, errorThrown) {
288
+
289
+ // 通常はここでtextStatusやerrorThrownの値を見て処理を切り分けるか、単純に通信に失敗した際の処理を記述します。
290
+
291
+
292
+
293
+ // エラーメッセージの表示
294
+
295
+ alert('Error : Please enter letters');
296
+
297
+ });
298
+
299
+ // サブミット(送信)後、ページをリロードしないようにする
300
+
301
+ return false;
236
302
 
237
303
  });
238
304
 
239
- })
305
+ });
240
-
241
-
242
306
 
243
307
  ```