画面の指定した箇所に文字を表示させたい

0   名前： JavaScript勉強中 ： 2007/09/12（水） 10:20  ID:YGWxb6.K sub-3C
お世話になっております。


現在、strutsで開発を行っております。
strutsのvalidate()が処理の事情で使用できない為、submitした際に、onclickで値のチェックをし、チェックに引っかかった場合、赤字でエラー文を出力し、[return false]とさせようとしているのですが、そのような処理方法はJavaScriptで可能なのでしょうか？


document.write()を使用すると、画面遷移して表示してしまいますし、<html:errors />のように指定した箇所に表示をさせたいです。


-----------------------------------------
<html:form action="***">

//サブミットした際に、ここ辺にエラーメッセージを表示させたいです。

<html:checkbox property="***" value="0">

<html:submit property="submit" value="送信" onclick="submitOn()"/>

</html:form>
-----------------------------------------


ご教授願います。

宜しくお願い致します。
1   名前： NullPo ： 2007/09/12（水） 10:20  ID:Z0FHbpib sub-ii
できるけど、strutsってJSPの開発環境じゃなかったっけ。
指定のソースもHTMLにもjavascriptにも見えないよ。


それと、この辺ってあなたと違うの？
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1310
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1314

終了させてくださいね。
http://www.tagindex.com/bbs/qa10.html#a02
2   名前： JavaScript勉強中 ： 2007/09/12（水） 10:20  ID:YGWxb6.K sub-3C
NullPo様

ご指摘ありがとうございます。
以前のスレッドに関しましては終了させて頂きました。

大変、お手数ですが、
下記の処理方法をおしえていただけませんでしょうか？


宜しくお願い致します。
3   名前： NullPo ： 2007/09/12（水） 10:20  ID:Gi4nGlfX sub-.G
クライアント側のソースを見せてもらわないと具体的な回答は出来ない。

とりあえず以下のようにすればテキストが追加できる。
  var text = "なんか文字列";
  var textElement = document.createElement("p");
  var textNode = document.createTextNode(text);

  textElement.appendChild(textNode);
  document.body.appendChild(textElement);

insertBeforeっていうメソッドもあったかな。
4   名前： JavaScript勉強中 ： 2007/09/12（水） 10:20  ID:YGWxb6.K sub-3C
NullPo様

ご回答ありがとうございます。
下記の処理で表示はできたのですが、
表示の際、文字が挿入されるので、その分
画面に一行追加されてしまうのですが、
行を追加せずにそのまま、<html:erroe/>の
ように、表示することは可能でしょうか？

jsp------------------------------------

<html:form action="***">

<p id="pic"></p>

<html:text property="date1">

<html:submit property="submit" value="送信" onclick="submitOn()"/>

</html:form>

---------------------------------------


js------------------------------------

function submitOn() {

if(document.forms[0].date1.value == ""){

var textNode = document.createTextNode("エラーです");
var ele = document.createElement("pic");
ele.appendChild(textNode);

document.getElementById("pic").appendChild(ele);

return false;

}
}
---------------------------------------


宜しくお願い致します。
5   名前： 元帥 ： 2007/09/12（水） 10:20  ［URL］  ID:NGOcY3IG sub-bK
JSPだろうが何だろうが、最終的にはHTMLが出力されます。
<html:erroe/>のようにと書かないで、<html:errors />がどのようなHTMLに変換されるのかをお書きになった方がレスがつきやすいと思います。

CSSを用い、visibilityの値を切替えるのはどうでしょうか。
http://www.tagindex.com/stylesheet/box/visibility.html
6   名前： JavaScript勉強中 ： 2007/09/12（水） 10:20  ID:YGWxb6.K sub-3C
元帥様

試行錯誤した結果、
<table>タグを使用することで、
一行追加されてしまう状態を回避できました。

ご回答本当に、
ありがとうございました。

これにて、終了でお願い致します。
一覧へ戻る