KeyUp,Changeイベント

JavaScriptで文字列の制限をいれるような画面を作れないかということで、ネットさまよって以下のサンプルゲット。
動的にKeyUp,Changeのイベントを拾って画面に結果を表示する動きになっています。

view plainprint?

1. <script language="JavaScript">  
2. <!--  
3. var max=15; //制限文字数  
4. function Limit(event){  
5.  frmtxtarea= document.getElementById("twittertextarea");  
6.  frmDispMsg= document.getElementById("twitterdispmsg");  
7.  txtOrgText= frmtxtarea.value; //テキストエリアの文字  
8.  txtLength= txtOrgText.replace(/\n|\r\n/g,"");//改行を除く  
9.  txtCntLength= txtLength.length; //改行を含めない文字数  
10.  intZansuu = (max - txtLength.length);  
11.  Etype=event.type; //イベントのタイプを取得  
12.   
13.  if(Etype== "keyup"){//イベントのタイプが"Keyup"なら  
14.   if(intZansuu<0){  
15.     frmDispMsg.innerHTML=  
16.     "<span style='font-weight: bold;color:red ;'>"+ intZansuu +"</span>文字";  
17.    }else{  
18.    frmDispMsg.innerHTML= //文字数のカウントを表示  
19.     "<span style='font-weight: bold;color:blue ;'>"+ intZansuu +"</span>文字";  
20.    }  
21.   }   
22.  if(Etype=="change") {  
23.    //イベントのタイプが"onChange"で制限文字数を超えたらalert  
24.    if(intZansuu <0 ){  
25.     alert((txtCntLength-max)+"文字オーバーです.\n15文字以内にしてください");  
26.     frmtxtarea.value=txtOrgText.substring(0,max);  
27.     frmDispMsg.innerHTML=  
28.     "<span style='font-weight: bold;color:blue ;'>"+max+"</span>文字";  
29.    }  
30.   }  
31. }   
32. // -->  
33. </script>  
34.   
35.    <form><textarea cols="30" rows="2" id="twittertextarea" onchange="Limit(event)" onkeyup="Limit(event)"></textarea>  
36.   
37. <span id="twitterdispmsg">文字数カウント</span>  
38.   
39. </form>  

   


文字数カウント

jsp サーブレット間の通信、session attributeについて

GAEでsessionのattributeを利用するときの注意。

ローカルではエラーがなく動きましたが、デプロイするとエラーがでることが出る。
エラーの内容は、
「java.lang.RuntimeException: java.io.NotSerializableException: クラス名」
なエラーです。


原因はSessionに対してsetAttributeしたときに、対象のクラスがシリアル化されていない場合にローカルではなんとなく動くようですが、デプロイ後は上記のエラーが発生する模様です。


シリアル化されているかどうかのポイントは
・ implements Serializable をクラスに対してつけているか
・private static final long serialVersionUID = 1L;を宣言しているかどうか
・全てのメンバーに対してgetter,setterがあること。
だそうです・・・

以下、対応したソースです。

view plainprint?
package xxxxx;  
import java.io.Serializable;  
//①implements Serializableが必要  
public class WordScore implements Serializable {  
    //②serialVersionUIDが必要  
    private static final long serialVersionUID = 1L;   
      
    private String word="";  
    private String score = "";  
  
    private static Random rnd;  
  
    //③Setter、Getterの宣言  
    public WordScore() {  
    }  
    public WordScore(String word,String score) {  
        this.word = word;  
        this.score = score;  
    }  
    public Integer getScoreInt(){  
        return Integer.parseInt(score);  
    }  
    public String getScore() {  
        return score;  
    }  
    public void setScore(String score) {  
        this.score = score;  
    }  
    public String getWord() {  
        return word;  
    }  
    public void setWord(String word) {  
        this.word = word;  
    }  
}  
package xxxxx;
import java.io.Serializable;
//①implements Serializableが必要
public class WordScore implements Serializable {
    //②serialVersionUIDが必要
    private static final long serialVersionUID = 1L; 
    
    private String word="";
    private String score = "";

    private static Random rnd;

    //③Setter、Getterの宣言
    public WordScore() {
    }
    public WordScore(String word,String score) {
        this.word = word;
        this.score = score;
    }
    public Integer getScoreInt(){
        return Integer.parseInt(score);
    }
    public String getScore() {
        return score;
    }
    public void setScore(String score) {
        this.score = score;
    }
    public String getWord() {
        return word;
    }
    public void setWord(String word) {
        this.word = word;
    }
}

あと、シリアル化失敗した状態で、GAEデプロイしてしまった後、なぜかバージョンあげるまで正常に動かない状態がありました。
デプロイ時のバージョンあげれば解決しました。
変なシリアル化された情報がサーバー上にのこっていたのかなと推測・・・