入力された値（半角数字）をそのままアラートとして表示

検索フォームにて、テキストボックスに入力された値（半角数字）をそのままアラートとして表示したいです。
半角数字以外が含まれると「エラー」とアラートで表示されるようにしております。
よろしくお願いいたします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="keywords" content=" "> <meta name="description" content=" "> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <link rel="stylesheet" href="style.css"> <link href="./style.css" rel="stylesheet" type="text/css"> <title> </title> <script type="text/javascript"> //関数 checkText の定義 (引数:テキストインプット) function checkText(txt_obj){ //テキストインプット内の入力値を変数化 var str ="エラー" //入力値に 0～9 以外があれば if(str.match(/[^0-9]+/)) {alert(str);} } </script> </head> <body> <div class="form"> <form action="cgi-bin/example.cgi" method="post" onkeyup="checkText(this)"> <p>検索したいキーワードを入力してください。</p> <input type="text" name="search" placeholder="キーワードを入力" value=""> <input type="submit" name="submit" value="検索"> </form> </div>

退会済みユーザー

2017/06/09 17:51

htmlを質問文にかいてください。それだけじゃあまりにもヒントがなさすぎます。

kei344

2017/06/10 03:41

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようにしてはいかがでしょうか？

HTML
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html lang="ja">
3<head>
4    <meta http-equiv="content-type" content="text/html; charset=utf-8">
5    <meta name="keywords" content="    ">
6    <meta name="description" content="    ">
7    <meta http-equiv="content-style-type" content="text/css">
8    <meta http-equiv="content-script-type" content="text/javascript">
9    <link rel="stylesheet" href="style.css">
10    <link href="./style.css" rel="stylesheet" type="text/css">
11    <title></title>
12    <script type="text/javascript">
13        //関数 checkText の定義 (引数:テキストインプット)
14        function checkText(txt_obj) {
15//テキストインプット内の入力値を変数化
16            var str = "エラー";
17//入力値に 0～9 以外があれば
18            if ((document.querySelector("[name=\"search\"]").value).match(/[^0-9]+/)) {
19                alert(str);
20            } else {
21                alert(document.querySelector("[name=\"search\"]").value);
22            }
23        }
24    </script>
25</head>
26<body>
27<div class="form">
28    <form action="cgi-bin/example.cgi" method="post" onkeyup="checkText(this)">
29        <p>検索したいキーワードを入力してください。</p>
30        <input type="text" name="search" placeholder="キーワードを入力" value="">
31        <input type="submit" name="submit" value="検索">
32    </form>
33</div>
34</body>
35</html>