teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

現状の内容を追記いたしました。

2018/12/30 04:34

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,17 +1,21 @@
1
1
  ○ 実現したい事
2
- index.html内のフォームに入力後、確認ボタンをクリックした時にページ遷移をさせずに、<input>タグにreadonlyを付与し、index.htmlの中で確認画面のような形で表示したいです。現状のhtmlとjqueryは下記になるのですが、上手くいっておりません。どのようにすれば可能か教えていただけないでしょうか。
2
+ index.html内のフォームに入力後、確認ボタンをクリックした時にページ遷移をさせずに、<input>タグにreadonlyを付与し、index.htmlの中で確認画面のような形で表示したいです。
3
- よろしくお願いいたします。
4
3
 
4
+ ○現状
5
+ 現状のhtmlとjqueryは下記になります。確認ボタンを押すと、index.htmlがリロードされ、フォームに入力した
6
+ 内容が消え、<input>タグにもreadOnlyが付与されておりません。
5
7
 
6
8
 
7
9
  ○ index.html
8
10
  ```ここに言語を入力
11
+ <form name="signup" method="post" id="contact-form">
9
12
  <dl class="form-item-wrap">
10
13
  <dt class="label"><label for="form-name">お名前</label></dt>
11
14
  <dd class="name-input form-info-con">
12
15
  <input type="text" name="お名前" class="validate[required]" id="form-name">
13
16
  </dd>
14
17
  </dl>
18
+ </form>
15
19
 
16
20
  <div class="btn-area">
17
21
  <ul class="form-btnList">