質問です。
新規登録ボタンが全く効きません。
押しても画面遷移がしないのですが、原因はわかりますでしょうか?
あまり綺麗なコードではなくすいません。
<form id="contactForm" action="register.php" method="POST" data-sb-form-api-token="API_TOKEN">
<!-- Name input-->
<div class="form-floating mb-3">
<input class="form-control" id="name" name="username" type="text" placeholder="Enter your name..." data-sb-validations="required" />
<label for="name">Full name</label>
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
</div>
<!-- Email address input-->
<div class="form-floating mb-3">
<input class="form-control" id="email" type="email" name="email" placeholder="name@example.com" data-sb-validations="required,email" />
<label for="email">Email address</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!-- Password input -->
<div class="form-floating mb-3">
<input class="form-control" id="password" type="password" name="password" placeholder="password" data-sb-validations="required,email" />
<label for="email">Password</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!-- password_conf -->
<div class="form-floating mb-3">
<input class="form-control" id="password" type="password" name="password_conf" placeholder="password" data-sb-validations="required,email" />
<label for="email">Verification password</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a href="https://startbootstrap.com/solution/contact-form …
</div>
</div>
<!-- Submit Button-->
<div class="d-grid2">
<input type="submit" style="background-color:#00CCFF; width:100%;" class="btn btn-primary btn-xl disabled" value="新規登録">
</div>
<!-- NewUserPage Button -->
<br>
<a href="login.php">
<div class="d-grid"><button class="btn btn-danger btn-xl disabled" id="submitButton" type="submit">戻る</button></div>
</a>
</form>
</div>
</div>
</div>
</section>
</body>
</html>
No.2ベストアンサー
- 回答日時:
こんばんは
ご提示の内容だけであれば、ボタンを押すことによって submit するはずです。
気になったのは、submit button に disabled というクラス名が付けられていること。
また、ご提示のままだと、入力値のチェック時のメッセージ(?)らしきものが全部表示状態になっています。
どのような仕組みになっているのか(提示されていないので)不明ですけれど、スクリプトなどによって disabled属性を設定されていたりしてはいませんか?
(その場合は、ボタンの動作を停止した状態になるので、submit しなくなります)
妄想を逞しゅうしてみると、スクリプトで入力内容をチェックしたうえでOKならdisabled属性を解除して(=送信可能に)しているような気がしますけれど・・・
ご提示がないので、実際のところがどのようになっているのかは、まったくわかりませんが。
ポストに遷移する先を書いているんですがそこで
フィルターインプットして 最後
エラーカウントを行い0なら登録処理を行う形です。
登録までの処理はrequire onceで引っ張ってきています。
クラス名を変えてみたりするのも方法かもしれませんね
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 付属の写真のようにエラーが出るようにしたいです。 提示したコードだけでは、エラーメッセージ文字が上の 1 2021/11/23 08:27
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS HTMLのバリデーション処理 2 2021/12/27 16:52
- PHP アマゾンのような評価の星を選択した情報を確認画面でも表示させたいです。 1 2023/10/02 10:52
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonでのカーソル移動がずれる
-
cnt <= (others => '0'); の意...
-
VBAでの素数の求め方
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
<table>の高さ固定。情報増加時...
-
footer を横幅いっぱいに広げる...
-
HTML要素のid/class名の長さに...
-
リストマーカーをボックス内に...
-
【ヒトの神秘】美男美女から何...
-
複数のボタンを等間隔に、かつ...
-
smallにtext-allignが効かない
-
NからZへの全単射を具体的に構...
-
画像にリンクを張ると画像がず...
-
番号付きリスト(<Ol><Li>・・...
-
掲示板を作成しておりアップロ...
-
W3Cのソースコードの検証サービ...
-
ボタンを横に並べて表示させる方法
-
<h1>、<h2>と<p><div>の行間を...
-
CSSのセレクタに指定するbodyと...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
cnt <= (others => '0'); の意...
-
pythonでのカーソル移動がずれる
-
Excel VBAでのIE操作でクリック...
-
質問です。 新規登録ボタンが全...
-
safariで見るとページ上部に余...
-
CSSで、何故か、「float」が上...
-
vbaでieを操作しようとしていま...
-
VBAでの素数の求め方
-
css リンクの色が全部変わって...
-
SEO 検索エンジンについて
-
初歩的ですが・・・
-
CSSセクレター 子孫のみに適用...
-
DIVの入れ子で、FireFoxだとレ...
-
Ajaxで文字列を表示したいです。
-
ワードプレスで何度消しても空...
-
RubyのHTMLパーサーで複数のタ...
-
最初の文字後ろのスペースを大...
-
検索結果がツリー状に表示され...
-
IEとFireFoxの表示の違いで悩ん...
おすすめ情報
ありがとうございます。アドバイス通り
クラスのdisabledが邪魔をしていたみたいです。