プロが教える店舗＆オフィスのセキュリティ対策術

textareaの一行の文字数制御

解決済

  • 質問者：relax7777
  • 質問日時：
  • 回答数：2件

textareaの一行あたりの文字数を制御、
もしくはカウントすることは可能でしょうか？
（textarea全体の文字数ではありません。）

cols="100"などと一行の文字数を制御しようとしましたが
横のスクロールバーを表示させると（WRAP="off"）
どうもうまくいきません。

良い方法をご存知の方がいらっしゃいましたら
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

こんな感じでどうでしょう？細部は調整して下さい


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>textareaを各行指定文字数までしか入力できなくする</title>
<script language="JavaScript">
<!--
window.document.onkeypress=lineCheck;
function lineCheck(e){
var ta=document.getElementById("TEXT");
var col=ta.getAttribute("cols");
var lines=ta.value.split("\n");
for(var i=0;i<lines.length;i++){
if(lines[i].length >col){
lines[i]=lines[i].substr(0,col);//各行をcolsで指定した文字数に切り捨てる
}
}
ta.value=lines.join("\n");
}
//-->
</script>
</head>
<body>
<h1>textareaは各行１００文字までしか入力できない</h1>
<textarea ID="TEXT" cols="100" rows="10" style="overflow:auto" wrap="OFF">
    • good
    • 0
    • 件
通報する
この回答へのお礼

さっそくのご回答ありがとうございました。
試してみたところ、うまく動作しました！！

通報する
お礼日時：2005/04/05 11:23

No.2

  • 回答者： BLUEPIXY
  • 回答日時：

ちょっとサンプルが切れてしまいました


</textarea></body></html>
をプラスして下さい。
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報