Q&A
ありがとうございます。実行できました。<を付けると勘違いしていたようです。
前提・実現したいこと
エクリプスでjavascriptの学習をしています。
function check()以下の未入力チェックが機能しません。
入力欄に何も書かずログインを押すとwindow.alertが出るようにしたいのですが、そのままh.page1.htmlに飛んでしまいます。教科書通りに書いてるのに何がいけないのか、なんでできないのかご教授お願い致します。
該当のソースコード
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <script type="text/javascript"> <!-- <function check(){ if(document.login.id.value==""){ window.alert("IDが未入力です"); return false; }else if(document.login.pass.value==""){ window.alert("パスワードが未入力です"); return false; } return true; } --> </script> </head> <body> <h1>ログインフォーム</h1> <form id="login" name="login" action="h.page1.html" method="post" onsubmit="return check();"> id:<input type="text" name="id" /> <br/> パス:<input type="password" name="pass" /> <br/> <input type="submit" value="ログイン"/> </form> </body> </html>
回答2件
0
ベストアンサー
js
1<function check(){
この行頭の < のせいで文法エラーが出ているかと思います。削除しましょう。
エラーはブラウザの開発者ツールのコンソールで確認できます。
あと、
js
1<script type="text/javascript"> 2<!-- 3 ... 4--> 5 6</script>
<script>の中を <!-- --> で囲むのは相当古い書き方です。今はそのようなことはしません。かなり古い教科書のようなので、新しい教科書に乗り換えたほうが良いかもしれません。
投稿2021/04/16 02:34
総合スコア21695
0
functionの前に変な「<」が入っています
投稿2021/04/16 02:36
総合スコア116724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/16 03:14
2021/04/19 08:42