گرفتن طول کاراکتر یک اینپوت در طول اجرای صفحه

Allahparast · Jun 26, 2009

سلام دوستان من می خوام طول کاراکتر یک اینپوت در طول اجرای صفحه رو نمایش بدم !

HTML:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>test</title>
<script language="javascript">
var str=document.getElementById("s").value;
document.write(str.length);
</script>
</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">
    <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
    <p><input type="text" id="s" name="s" size="20">
    <input type="submit"  value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

</body>

</html>

من تا یه جاییش رفتم ولی باگ میده لطفا کمک کنید :rose:

D.A.V.O.O.D · Jun 26, 2009

PHP:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>test</title>
<script language="javascript">
function Check()
{
    var str = document.getElementById("s").value;
    document.write(str.length);
}
</script>
</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">
    <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
    <p><input type="text" id="s" name="s" size="20" onchange="Check()">
    <input type="submit"  value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

</body>

</html>

Allahparast · Jun 27, 2009

سلام آقا داوود ، ممنون از کمکتون آیا میشه توی تگ body لود کرد بعد تو یه دیو چون می خوام کنار هر اینپوت بنویسه مثلا از چهل کاراکتر شما 13 کاراکتر وارد کرده اید اگه اضافه شد کاراکتر به اینپوت ، دوباره کنارش بزنه { نمی دونم منظور رو درست فهمیدی یا نه } بازم ممنون :rose:

D.A.V.O.O.D · Jun 27, 2009

Allahparast گفت:
سلام آقا داوود ، ممنون از کمکتون آیا میشه توی تگ body لود کرد بعد تو یه دیو چون می خوام کنار هر اینپوت بنویسه مثلا از چهل کاراکتر شما 13 کاراکتر وارد کرده اید اگه اضافه شد کاراکتر به اینپوت ، دوباره کنارش بزنه { نمی دونم منظور رو درست فهمیدی یا نه } بازم ممنون

والا اینطوری که من فهمیدم ، شما اگه توی textarea یا input توی رویداد onchnage تابع را بدی می تونی تعداد کاراکتر رو توی یه div هم نشون بدی ، اگه خواستی بگو کدش را بگذارم واست .

موفق باشی

Allahparast · Jun 27, 2009

D.A.V.O.O.D گفت:
والا اینطوری که من فهمیدم ، شما اگه توی textarea یا input توی رویداد onchnage تابع را بدی می تونی تعداد کاراکتر رو توی یه div هم نشون بدی ، اگه خواستی بگو کدش را بگذارم واست .

موفق باشی

ممنون میشم کد بدین :rose:

D.A.V.O.O.D · Jun 27, 2009

سلام
تصحیح می کنم ، واسه اینکار باید توی رویداد OnKeyDown تابع را تعریف کنی ...

اینم یه مثال :

HTML:

<script>
function Change()
{
    var STR = document.getElementById( 'Text' ).value;
    var Length = STR.length;
    document.getElementById( 'Status' ).innerHTML = Length
}
</script>

<input type="Text" id="Text" onkeydown="Change()" />
<div id="Status"></div>