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

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

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複合条件でのアラートの出し方

リストボックスで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フォームで選択がひとつも無かった場合アラートを表示

以下のような内容でひとつもチェックが無かった場合、
送信時に「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メールフォームの入力不備をアラートで知らせる順序は?

ホームページを作っています。
メールフォームもあるのですが、入力不備があったときアラートで知らせるように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二つのテキストフォームの値に応じ、不正が疑われる場合はアラートを出したい

次のような二つのテキストボックスがあります。

<form name="form1">
走行距離<input type="text" name="sou1">
給油量<input type="text" name="kyu1">
</form>

入力された値に応じ、onblurなどフォーカスを失った時に
次の軽いアラートを出したいですが、記述方法をご教示下さい。

if (走行距離÷給油量 > 20)
 alert ("燃費に換算すると■km/Lと、かなり大きいですがよろしいですか? OK")

elseif (走行距離÷給油量 < 1 )
==> alert ("燃費に換算すると■km/Lと、かなり小さいですがよろしいですか? OK")

elseif (走行距離=給油量)
==> alert ("走行距離と給油量が同じ値ですが誤っていませんか? OK")

Aベストアンサー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=S-JIS">
<script language="JavaScript" type="text/JavaScript">
<!--
function Check() {
if (!document.form1.sou1.value) {
alert("走行距離を記入してください。");
document.form1.sou1.focus();
return 1;
}
if (!document.form1.kyu1.value) {
alert("給油量を記入してください。");
document.form1.kyu1.focus();
return 1;
}
var kyu = document.form1.kyu1.value;
var sou = document.form1.sou1.value;

if( sou.match( /[^0-9]+/ ) ) {
alert("走行距離が正しく入力されていません。");
document.form1.sou1.focus();
return 1;
}
if( kyu.match( /[^0-9]+/ ) ) {
alert("給油量が正しく入力されていません。");
document.form1.kyu1.focus();
return 1;
}

var nenpi = sou / kyu;

if( nenpi > 20 ) {
alert ("燃費に換算すると" + nenpi + "km/Lと、かなり大きいですがよろしいですか? OK");
return 1;
}
if( nenpi < 1 ) {
alert ("燃費に換算すると" + nenpi + "km/Lと、かなり小さいですがよろしいですか? OK");
return 1;
}
if( sou == kyu ) {
alert ("走行距離と給油量が同じ値ですが誤っていませんか? OK");
return 1;
}
return 0;
}
//-->
</script>
</head>
<body>
<form name="form1">
走行距離<input name="sou1" onblur="Check();"><br>
給油量<input name="kyu1" onblur="Check();"><br>
<input type="submit" value="確認" onclick="return Check();">
<input type="reset" value="リセット" onclick="return init();">
</form>
</body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=S-JIS">
<script language="JavaScript" type="text/JavaScript">
<!--
function Check() {
if (!document.form1.sou1.value) {
alert("走行距離を記入してください。");
document.form1.sou1.focus();
return 1;
}
if (!document.form1.kyu1.value) {
...続きを読む


人気Q&Aランキング

おすすめ情報