フォームで数字以外を入力した場合に、
エラーのアラートを出したいのですが、
その文字列の判定方法及び、アラートの
出し方がわかりません…。

ご存知の方は教えてください。
よろしくお願いします。

A 回答 (1件)

こんなのでしょうか。


後は、ご自分で工夫してください。
-----

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function checkNUM() {
if(document.FORM1.INP1.value=="") {
alert("未入力です");
}
else if(document.FORM1.INP1.value.match(/[^0-9|.]/g)) {
alert("数字以外があります:" + document.FORM1.INP1.value);
}
else {
alert("正しく入力されました:" + document.FORM1.INP1.value);
}
}
</SCRIPT>
</HEAD>

<BODY>
<FORM method="POST" enctype="text/plain" NAME="FORM1">
<INPUT NAME="INP1" TYPE="TEXT">
<INPUT TYPE="BUTTON" VALUE="判定" ONCLICK="checkNUM()">
</FORM>
</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

成功しました。
本当にありがとうございました。

お礼日時:2002/02/07 16:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q意外に?以外に??どちらが正しい??

「思っていたよりイガイに大きいね」のイガイは、「意外」ですか?それとも「以外」ですか??
自分は「意外」だと思っているのですが、「以外」と使っている方があまりにも多いので、もしかしたら自分が間違っているのではないかと思いました。
いったいどちらが正しいのでしょうか??

Aベストアンサー

「意外」を「以外」と書いてしまうことが「意外」に多いとは「意外」です。「意外」「以外」に「意外」という意味を表すものは「思ったより」「思いのほか」「考えていたより」などがあります。「以外」「以外」に「以外」を表現する言葉が「~のほか」「以外」には思い当たらなかったのは「意外」でした。

Qグローバルメニュー プルダウン?化及びロールオーバー化

はじめまして。誰か助けて下さい、今困っています(><)

初めての投稿ですのでもし、わかりづらい文章で不快な思いをさせてしまいましたらすいません。ですが皆さんの知識をお借りしたく質問させて貰いました。

質問の内容ですが、今サイトを作成している最中なのですがTOPメニューの作成でつまずいてしまいました。

DREAMWEABERで作成しているのですが、その中にある機能Spryメニューバーでそれらしいものは作成できるのですが私の作りたい物が出来ません(>_<)

参考イメージは下記のトヨタのサイトです。
http://toyota.jp/

このサイトのようにメニューにマウスを乗せたらbackground-imageも切り替わりつつ下にサブメニューがでるようにしたいのですが、
サイトが複雑&Javascriptが知識が非常に薄く理解出来ませんでした。CSSはレイアウトしたりするかじった程度です。

どなたか優しく教えて貰えると嬉しいです。あとコードも添えて貰えると非常に助かります。
ご無理を言って申し訳ないですがよろしくお願い致します。

はじめまして。誰か助けて下さい、今困っています(><)

初めての投稿ですのでもし、わかりづらい文章で不快な思いをさせてしまいましたらすいません。ですが皆さんの知識をお借りしたく質問させて貰いました。

質問の内容ですが、今サイトを作成している最中なのですがTOPメニューの作成でつまずいてしまいました。

DREAMWEABERで作成しているのですが、その中にある機能Spryメニューバーでそれらしいものは作成できるのですが私の作りたい物が出来ません(>_<)

参考イメージは下記のトヨタのサイトで...続きを読む

Aベストアンサー

スクリプトベースでやるなら、「javascript ドロップダウンメニュー」あたりを
キーに検索すれば、それこそごまんと見つかります。

シンプルな短いものから、ライブラリーを利用した複雑なものまで。
そのあたりから、好きなものを選んでくればよいでしょう。
(コードも配布されていますし、設置方法も説明されています)

<以下は例として>
 http://jsajax.com/DropDownMenuArticle286.aspx
 http://www.stylish-style.com/csstec/ultimate/css-roll-1.html
 http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
 http://deluxe-menu.com/?gclid=CLKTyZWP6pgCFQjXbgodSQhX0w
 http://gigazine.net/index.php?/news/comments/20060724_css_adxmenu/
 http://gigazine.net/index.php?/news/comments/20060724_css_adxmenu/
 http://andyou.sakura.ne.jp/tool/ddmenu.html

スクリプトベースでやるなら、「javascript ドロップダウンメニュー」あたりを
キーに検索すれば、それこそごまんと見つかります。

シンプルな短いものから、ライブラリーを利用した複雑なものまで。
そのあたりから、好きなものを選んでくればよいでしょう。
(コードも配布されていますし、設置方法も説明されています)

<以下は例として>
 http://jsajax.com/DropDownMenuArticle286.aspx
 http://www.stylish-style.com/csstec/ultimate/css-roll-1.html
 http://www.dynamicdrive.com/dynam...続きを読む

Q意外と以外の使い分けについて。

最近、テレビを見ていてこの二つの言葉の使い分けが間違っているように思います。
皆さんは感じませんか?

君、以外に根性あるね。
それ意外はちゃんと片付けておいてね。

って、使い方間違ってますよね??

Aベストアンサー

使い方が逆だと思います。

意外は思っていた通りでは無いと言った意味で使います。

以外はその物より他のものといった意味で使います。

Q複合条件でのアラートの出し方

リストボックスでA1を選択した時に、テキストボックスに入力があった場合にアラートを出すにはどうすればよいのでしょうか?

リストボックス
 A1←選択
 A2
 A3

テキストボックス←入力情報あり


ソースを記載できませんが、よろしくお願い致します。

Aベストアンサー

<script>
function selectCheck(sel){
if(sel.options[sel.selectedIndex].value=="A1" &&
sel.form.TEXTBOX1.value!=""){
alert("A1が選択された時にテキストが入力されています!");
}
}
</script>
<select name="SELECTAn" onchange="selectCheck(this)">
<option value="init">選択してね</option>
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
</select>
<input name="TEXTBOX1" type="text" value="入力済み">

Q珍発見:その瞳に負けた!!! 意外な瞳術の使い手を教えてください!(人間以外)

こんにちは、

うちのネコが、ふとんをオモチャにして遊んでいました。

こ、こりゃ、土足で布団に入った挙句、、めちゃクチャにしおって、、、と思い、、ネコを捕まえると、、、

生まれたばかりの子犬のような無邪気な瞳で見つめられました。

ネコの瞳術にたぶらかされ、、、「好きなだけ布団で遊びなさい。」と何もかも許す事にしました。

そこで、質問なんですが、この世で一番意外な最強の瞳術の使い手は何でしょうか?

意外な視点からの御回答、、できれば面白い御回答を、、期待しています、、(美しい、、可愛い、、、魔性の、、とかのカテゴリーに入る御回答はご遠慮願います。また、わしの妻とかいう御回答は、新婚ホヤホヤの家庭で無い限り大丈夫です。)

よろしくお願いします。

Aベストアンサー

>ネコの瞳術にたぶらかされ

はいはい、同感でございます(笑

ネコではありませんが、以下、実話でございます。↓

もう20年以上前のことですが、ボロわが家にネズミが出まして。
お風呂場の排水溝から入ってきたらしいのですよ。
(金属の、あのフタを押し上げて(笑)

で。
私は、夜遅く入浴しようとして、排水溝から顔を出したソイツとバッチリ目が合ってしまいました。はい。
しばし見つめ合う双方。

次の瞬間、私はぎゃーっと叫ぼうとしたわけですが、よくよく見ると、ネズミさんって可愛い目をしているのですよねぇ。
真っ黒でつぶらな……ビーズ玉のような…
キラキラ輝く、無垢の、罪のないあの瞳。

負けました。はい。
そのまま、おとなしく引き下がりました。

あとで主人に「怖かったわよ」と言ったら、「ネズミのほうがよっぽど怖かったろうさ」と。
シツレイなっ。

Q【iOS及びAndroid】リンク画像を「ダブルタップ」でhrefを発動させたいのですが…

現在スマホサイトを制作中なのですが、ある画像(A)に拡大画像(B)リンクを設置して、タップすることでlightboxにて拡大画像(B)を表示させるという構造を考えています。

それは良いのですが、ここで以下のような挙動を得たいのです。。

まずその画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替わり、2回目タップでhref発動(lightboxにて拡大画像(B)を表示)という挙動を得たいのですが、調べても解決できず困っています…。

とりあえず、シングルタップで画像の差し替えはできるようになったのですが、1タップでhrefが発動(lightboxにて拡大画像(B)が表示)してしまうため、ユーザーに「hoge_on.jpg」を見せることができません…。

【まとめ】
1.<解決>画像(A)をlightboxにて拡大画像(B)を表示させたい
2.<解決>画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替えたい
3.<未解決>1回タップでlightboxが発動するため「hoge_on.jpg」を見せることができないため、lightbox発動をダブルタップにしたい

↑(3)の解決策を教えていただけましたら助かります。。
どうか宜しくお願い申し上げます。。

現在スマホサイトを制作中なのですが、ある画像(A)に拡大画像(B)リンクを設置して、タップすることでlightboxにて拡大画像(B)を表示させるという構造を考えています。

それは良いのですが、ここで以下のような挙動を得たいのです。。

まずその画像(A)を1回タップすると「hoge_off.jpg」「hoge_on.jpg」に差し替わり、2回目タップでhref発動(lightboxにて拡大画像(B)を表示)という挙動を得たいのですが、調べても解決できず困っています…。

とりあえず、シングルタップで画像の差し替えはできるようになっ...続きを読む

Aベストアンサー

ANo2です。

HTMLの記述がイマイチでしたので、もう少しすっきりさせてみました。
<li>
<img src="A.jpg" alt=""><img src="B.jpg" alt="">
<div class="box"><img class="large" src="C.jpg" alt=""></div>
</li>
程度ですまないものかと・・・
(都度、必要な要素を生成していますので、かわりにスクリプトは少し長くなっています)
基本的な仕組みは同じなので内容的にはほぼ同じですが、あちこちいじりました。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>

<style type="text/css">
#testbox, #testbox *{
margin: 0; padding: 0;
}
#testbox li div.box{
display:none; position: fixed;
left: 0; top: 0;
width: 100%; height: 100%;
}
#testbox li img{
width: 150px;
}
#testbox li img:nth-child(2){
display: none;
}

/* single click時 */
#testbox li.ON img{
display: inline;
}
#testbox li.ON img:first-child{
display: none;
}

/* double click時 */
#testbox li.appear div.box{
display: table;
}
#testbox li.appear figure{
display: table-cell;
width: 100%; height: 100%;
vertical-align: middle;
}
#testbox li.appear figure img{
width: 100%;
}
#testbox figure figcaption {
display: block; margin: auto;
padding: 6px; background-color: #000;
border-radius: 10px;
position: relative;
}
#testbox figure figcaption,
#testbox figure span.marker{
max-width: 450px;
}
#testbox figure span.marker{
display: block; margin: auto;
height: 0; overflow: visible;
text-align: right;
z-index: 5001;
}

/* close marker */
#testbox figure span.marker::after {
content: "\00D7"; display: inline-block;
position: relative;
text-align: center; font-weight: bold;
right: -16px; top: -10px;
color: #ffffff;
border: 1px #ffffff solid;
border-radius: 10px;
width: 20px; height: 20px;
line-height: 20px;
background-color: #000000;
cursor: pointer;
z-index: 5002;
}

/* background layer */
#testbox figure span.marker::before {
content: ""; display: block;
position: fixed;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: #000000;
opacity: 0.8;
}
</style>
</head>

<body>
<ul id="testbox">
<li>
<img src="A.jpg" alt=""><img src="B.jpg" alt="">
<div class="box"><img class="large" src="C.jpg" alt=""></div>
</li>

<li>
<img src="D.jpg" alt=""><img src="E.jpg" alt="">
<div class="box"><img class="large" src="F.jpg" alt=""></div>
</li>
</ul>


<script type="text/javascript">
(function(elm, evt1, evt2){

// lightbox風表示用要素の準備
var addBox = function(p){
var d = p.querySelector('div.box'), img = d.querySelector('img');
var html = '<figure><span class="marker"></span><figcaption></figcaption></figure>';
d.insertAdjacentHTML('afterbegin', html);
d.querySelector('figcaption').appendChild(img);
}

// lightbox風表示用要素の削除
var removeBox = function(p){
var d = p.querySelector('div.box'), img = d.querySelector('img');
while(d.firstChild) d.removeChild(d.firstChild);
d.appendChild(img);
}

// LI要素にクラスを設定
var setClass = function(t, cls){
var p = t.parentNode;
while(p.nodeName != 'LI' && p != elm) p = p.parentNode;
if(p != elm){
var f = p.classList.contains('appear');
if(cls == 2 && !f) addBox(p);
else if(cls == 0 && f) removeBox(p);
p.classList.remove('ON');
p.classList.remove('appear');
if(cls>0) p.classList.add(',ON,appear'.split(',')[cls]);
}
}

// シングルクリック処理(evt1)
var SingleEvt = function(e){
var t = e.target, n = t.nodeName;
if(n=='IMG' && !t.classList.contains('large')) setClass(t, 1);
else if(n == 'SPAN' && t.classList.contains('marker')) setClass(t, 0);
}

// ダブルクリック処理(evt2)
var DoubleEvt = function(e){
var t = e.target, n = t.nodeName;
if(n == 'IMG' && !t.classList.contains('large')) setClass(t, 2);
}

// イベント設定
elm.addEventListener(evt1, SingleEvt, false);
elm.addEventListener(evt2, DoubleEvt, false);

})(document.getElementById('testbox'), 'click', 'dblclick');
</script>
</body>
</html>

ANo2です。

HTMLの記述がイマイチでしたので、もう少しすっきりさせてみました。
<li>
<img src="A.jpg" alt=""><img src="B.jpg" alt="">
<div class="box"><img class="large" src="C.jpg" alt=""></div>
</li>
程度ですまないものかと・・・
(都度、必要な要素を生成していますので、かわりにスクリプトは少し長くなっています)
基本的な仕組みは同じなので内容的にはほぼ同じですが、あちこちいじりました。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>

<style type="text/css">
#tes...続きを読む

Q寿司店以外に、回転させたら意外と面白そうなものは?

「回転寿司」は、今では普通のすし店の方を「回転しない寿司」と言うくらい、世の中を席巻しましたね。
では、寿司店以外に、回転させたら意外と面白くて流行るかもと思うものがあれば、教えてください。
店舗に限らず、システムでも物でも、その他どんなものについてでも結構です。

Aベストアンサー

「役所の窓口」の方が回ると便利に違いない

Qフォームで選択がひとつも無かった場合アラートを表示

以下のような内容でひとつもチェックが無かった場合、
送信時に「1項目以上選択してくさい」というアラートを表示させたいのですが、
他のサイトで調べても、希望通りのものがなく困っております。

■選択A
<input type="checkbox" name="A" value="りんご">りんご
<input type="checkbox" name="A" value="みかん">みかん
<input type="checkbox" name="A" value="いちご">いちご
■選択B
<input type="checkbox" name="B" value="テレビ">りんご
<input type="checkbox" name="B" value="冷蔵庫">みかん
<input type="checkbox" name="B" value="洗濯機">いちご
■選択C
<select name="C">
<option value="" selected="selected">選択C</option>
<option value="車">車</option>
<option value="バイク">バイク</option>
<option value="自転車">自転車</option>

checkboxやselectなどinputの種類を問わず、
全ての項目の中から1つ以上の選択が合った場合送信して、
無かった場合はアラート表示させる方法をご存知の方いらっしゃいましたらご教授ください。
どうぞ宜しくお願いいたします。

以下のような内容でひとつもチェックが無かった場合、
送信時に「1項目以上選択してくさい」というアラートを表示させたいのですが、
他のサイトで調べても、希望通りのものがなく困っております。

■選択A
<input type="checkbox" name="A" value="りんご">りんご
<input type="checkbox" name="A" value="みかん">みかん
<input type="checkbox" name="A" value="いちご">いちご
■選択B
<input type="checkbox" name="B" value="テレビ">りんご
<input type="checkbox" name="B" value="冷蔵庫">みかん
<input t...続きを読む

Aベストアンサー

ざっくりこんな感じ

<script>
function check(f)
{
var flg=false;
for(var i=0;i<f.length;i++){
if(f[i].type=="checkbox" && f[i].checked){
flg=true;
break;
}
if(f[i].type=="select-one" && f[i].selectedIndex>0){
flg=true;
break;
}
}
if(!flg) alert("えらんでね!")
return flg;
}
</script>
<form onsubmit="return check(this)">
<fieldset>
<legend>■選択A</legend>
<input type="checkbox" name="A" value="りんご">りんご
<input type="checkbox" name="A" value="みかん">みかん
<input type="checkbox" name="A" value="いちご">いちご
</fieldset>
<fieldset>
<legend>■選択B</legend>
<input type="checkbox" name="B" value="テレビ">りんご
<input type="checkbox" name="B" value="冷蔵庫">みかん
<input type="checkbox" name="B" value="洗濯機">いちご
</fieldset>
<fieldset>
<legend>■選択C</legend>
<select name="C">
<option value="" selected="selected">選択C</option>
<option value="車">車</option>
<option value="バイク">バイク</option>
<option value="自転車">自転車</option>
</select>
</fieldset>
<div>
<input type="submit" value="go">
</div>
</form>

ざっくりこんな感じ

<script>
function check(f)
{
var flg=false;
for(var i=0;i<f.length;i++){
if(f[i].type=="checkbox" && f[i].checked){
flg=true;
break;
}
if(f[i].type=="select-one" && f[i].selectedIndex>0){
flg=true;
break;
}
}
if(!flg) alert("えらんでね!")
return flg;
}
</script>
<form onsubmit="return check(this)">
<fieldset>
<legend>■選択A</legend>
<input type="checkbox" name="A" value="りんご">りんご
<input type="checkbox" name="A"...続きを読む

Q「意外」と「以外」

普段ネットサーフィンしていて一番気になるのがこの2つの言葉の使われ方です。逆に使っている人があまりにも多くてビックリしていたのですが、そのあまりの多さに、もしかして私の方が今まで間違っていたの?と最近不安になってきました。
たまたま今日ayu ready?を見ていたら「あゆと金子賢の以外なツーショット」とかってテロップが出ていて、えー?って思っちゃいました。これって間違ってますよねー??それとも私が間違ってますか?公共の電波だし…

Aベストアンサー

ayu ready?ってフジですよね?
フジは結構スーパーの間違い多いような気がしますね。(私感ですけど)

もちろんgarthさんの方が正しいです。

Qメールフォームの入力不備をアラートで知らせる順序は?

ホームページを作っています。
メールフォームもあるのですが、入力不備があったときアラートで知らせるようにJavascriptで書きました。名前や住所などはちゃんとアラートがでるのですが、メール入力の項目だけはうまくいきません。単体で試すとうまくいくのですが、他の項目と組み合わせると全部のアラートがでないで送信となるか、メールの項目が出ないで送信となります。

if (document.Formp.mail.value.match(/\w+@\w+/)) return true;
alert("正しいメールアドレスを入力してください");
return false;

をどの位置に書けばうまくいくのでしょうか?

Aベストアンサー

こんにちは。

例の問題の箇所
if (document.Formp.mail.value.match(/\w+@\w+/)) return true;
(今は「return true;」が「{」になってるはず・・・)

if (!document.Formp.mail.value.match(/\w+[@]\w+/)){
に変えてみてください。

まとめてひとつ・・・云々の方も気になります・・・。
(^^ゞ


人気Q&Aランキング