掲示板/JavaScript質問板/過去ログ/一覧/ var文字と数字の判断

0 名前： さんりゅう ： 2007/09/11（火） 23:13 ID:lLtNdhUS sub-zH

２つのテキストボックスに'yyyymmdd'の形で日付を打ち込んでもらい、
２つの日付の差が１年を超えたら、
エラーメッセージを出すプログラムを組みたいのですがうまくいきません。
変数をNumber形をしていしたのですがJavascriptにはvar形しかないそうで。。
テキストボックスに入力された値をNumberとして受け取る方法、
もしくは、その他の方法で日付の差を得られる方法を教えてくださいm(_ _)m

var from = document.from.value ;
var to = document.to.value ;
var check = from + 10000;
if(check < to){alert("検索期間は１年以内で入力してください");}

fromとtoはテキストボックス

例）
fromに20050101(２００５年１月１日)
toに20070101(２００７年１月１日)
と入力されている時、

var check = from + 10000;
の部分でcheckに20060101が代入される形にしたいが。
10000が文字列として認識され、文字列結合される
（checkの中身に"2005010110000"が代入される）

1 名前： NullPo ： 2007/09/11（火） 23:13 ID:Gi4nGlfX sub-.G

var from = document.from.value ;
var to = document.to.value ;
var check = to - from;
if(check > 10000){alert("検索期間は１年以内で入力してください");}

2 名前：元帥： 2007/09/11（火） 23:13 ［URL］ ID:U29FViXT sub-bK: > 変数をNumber形をしていしたのですがJavascriptにはvar形しかないそうで。。
JavaScriptにも型はあります。
ただ、変数宣言（var）の際に指定する必要はないってだけで、代入された値によって自動判別されます。
テキストボックスは当然ながら文字列ですよ。

parseInt について調べれば幸せになれるかもしれません。

# toに古い日付が入力されたら、どうするのだろう、と思ってみたり…。

3 名前：匿名： 2007/09/11（火） 23:13 ID:k58nPpF. sub-Cz

本題とは無関係なのでスルーしようと思ったが、やはり気になる。

> var from = document.from.value ;
> var to = document.to.value ;

何だこれ。こんな超特殊な条件下のみで通用する省略形ではなく、非省略形で書いてみてくれないか。

// JavaScript 2.0
var from:Integer = Integer (document.forms.item (0).elements.namedItem ('from').value);

4 名前： NullPo ： 2007/09/11（火） 23:13 ID:Gi4nGlfX sub-.G

>>3
あれ、普通に動いたけどな。
想像で書き足してみたよ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">

window.onload = function() {
  document.from = document.getElementById("from");
  document.to = document.getElementById("to");
}

function check() {
  var from = document.from.value ;
  var to = document.to.value ;
  var check = to - from;
  if(check > 10000){alert("検索期間は１年以内で入力してください");}
}

</script>
<title>non-title</title>
</head>
<body>

<div>
<input type="text" id="from" value="">
<input type="text" id="to" value="">
<input type="button" value="check" onclick="check()">
</div>

</body>
</html>

5 名前：匿名： 2007/09/11（火） 23:13 ID:k58nPpF. sub-Cz

ちょっと脱線だが、

>>4
IE のややこしいルールとの互換性による（だから『超特殊な条件下』と書いた）。
http://msdn2.microsoft.com/en-us/library/ms533023.aspx#Event_Handler_Scopin

<form action="#">
  <p><input name="test1"></p>
  <p>
    <!-- IE:OK, Fx:OK, Op:OK, Sa:OK -->
    <input type="button" value="BUTTON" onclick="alert (test1); ">
    
    <!-- IE:OK, Fx:OK, Op:NG, Sa:NG -->
    <input type="button" value="BUTTON" onclick="alert (document.test1); ">
  </p>
</form>

<form action="#">
  <p><input name="test1"></p>
</form>

<p>
  <!-- IE:NG, Fx:NG, Op:NG, Sa:NG -->
  <input type="button" value="BUTTON" onclick="alert (test1); ">
  
  <!-- IE:NG, Fx:NG, Op:NG, Sa:NG -->
  <input type="button" value="BUTTON" onclick="alert (document.test1); ">
</p>

IE only:

<script type="text/javascript" for="button" event="click()">
alert (test1);           // [object]
alert (document.test1);  // undefined
</script>

<form action="#">
  <p><input name="test1"></p>
  <p><input type="button" value="BUTTON" id="button"></p>
</form>

<p><input type="button" value="BUTTON" id="button"></p>

<form action="#">
  <p><input name="test1"></p>
  
  <script type="text/javascript" for="button" event="click()">
alert (test1);           // Error
alert (document.test1);  // undefined
  </script>
</form>

こんなルールを覚えるくらいなら、非省略形の方がずっとマシだと思う。

6 名前： NullPo ： 2007/09/11（火） 23:13 ID:Gi4nGlfX sub-.G: >>5
あなたが予測したコードはわかったけれど、>>0のコードからはそう記述したことが読み取れない。
> var from = document.from.value ;
> var to = document.to.value ;
この記述がどんな場合でも必ず省略形であることを示さなければ、超特殊な条件下でしか動作しないとは言えないのではあるまいか。

で、その反証が>>4のコードのつもり。

7 名前：匿名： 2007/09/11（火） 23:13 ID:k58nPpF. sub-Cz: >>6
>>4 は「document のプロパティとして、フォームコントロールへのショートカットを独自に作成する」という意味で、>>5 以上に特殊な「省略形」と言える。暗黙の同意を得られるような周知されたテクニックでもない。

スレ主の説明なしに、こんな超特殊ケースを考慮に入れる必要を感じない。むしろ、スレ主が IE/Fx による特殊ルールを理解しないまま使っている可能性の方が高いと判断し、>>3、>>5 を書いた。

この議論が示すように、こういう基礎 API レベルで意思疎通ができないのでは話にならない。だから私は常々「省略形を使うな」「標準オブジェクトを拡張するな」と主張している（標準オブジェクトを拡張するのは、それが周知されている場合と、それが外部に影響を与えない方法が存在する場合と、逆にそれによって全ての動作が「ならされる」場合に限る）。

8 名前：匿名： 2007/09/11（火） 23:13 ID:k58nPpF. sub-Cz: ついでに言えば、>>4 はメモリリークしうるので、IE6 が消滅するまであと数年は避けるべき。

9 名前： NullPo ： 2007/09/11（火） 23:13 ID:Gi4nGlfX sub-.G: >>7
documentオブジェクトのプロパティを拡張すると省略形になるだなんて、初めて知った。
その理屈だと変数に格納したら何もかも省略形になってしまう。

自分の主張を根拠とした批判は適切ではないと思う。

>>8
>>4のコードだけならならないと思う。
拡張したときは適切に変更したらいいのではないか。

10 名前： NullPo ： 2007/09/11（火） 23:13 ID:Gi4nGlfX sub-.G: >>7
http://www.tagindex.com/cgi-lib/bbs/patio.cgi?mode=view2&f=146&no=210

11 名前： さんりゅう ： 2007/09/11（火） 23:13 ID:msIyeY7k sub-6m: 返信遅れてすいませんm(_ _)m

回答ありがとうございます、
解決出来ました。
マイナス思いつかなかった…

ソースは解りやすいよう疑問箇所だけに、
省略して書いたつもりだったんだけど。。
脱線させてしまったみたいで＠＠;

とりあえず、
ありがとうございましたm(_ _)m