PDA

View Full Version : آموزش get elemnt



soonami
جمعه 09 دی 1390, 16:18 عصر
کاربرد آموزش و نحوه استفاده از get element by id رو می خواستم آموزش بدهید

Reza1607
جمعه 09 دی 1390, 21:01 عصر
اين دستور براي انتخاب يك المنت بر اساس آي دي هست به اين صورت

var txt=document.getElementById("id_tag");

با اين دستور شما يك دستكيره به المنتي كه اي دي اون id_tag‏ هست به وجود آوردين

soonami
جمعه 09 دی 1390, 22:48 عصر
نفهمیدم میشه واضح تر بگید
مثلا id یک دگمه a با این دستور میشه بهش ئسترسی پیدا کرد

Reza1607
شنبه 10 دی 1390, 22:45 عصر
فرض كنيد شما چند تا تگ a‏ داريد حالا احتياج داريد كه يك سري عمليات رو تنها روي يك تگ انجام بدين
خوب چاره چيه؟
براي اين كار به اون تگ يك id‏ ميدين و با استفاده از دستور getelementbyid‏ بهش دسترسي داريد

soonami
یک شنبه 11 دی 1390, 00:15 صبح
یه چیزایی فهمیدم میشه یه مثال هم بزنید ؟؟؟؟

Reza1607
دوشنبه 12 دی 1390, 01:20 صبح
خوب فرض كنيد شما دو تا فيلد داريد يكي براي يوزر نيم و يكي هم براي پسورد و مي خوايد چك كنيد كه يوزرنيم كمتر از پنج حرف نباشه و پسورد بين 4 تا 6 حرف

<input type='text' id='username' /><br />
<input type='password' id='pwd' />

خوب براي اين كار از اين كد استفاده مي كنيم

function validate()
{
var user=document.getElementById('username');
var pass=document.getElementById('pwd');

if(user.lenght<5)
alert('نام كاربري نبايد كمتر از 5 حرف باشد');
if(pass.lenght<4 || pass.lenght>6)
alert('رمز عبور بايد بين 4 تا 6 حرف باشد');
}

soonami
دوشنبه 12 دی 1390, 11:49 صبح
ممنون و برای فراخوانی تابه از

<input type="button" onclick="v()"/>
استفاده کنم یگه جای v اسم تابع

soonami
دوشنبه 12 دی 1390, 11:53 صبح
<html>
<head>
<title></title>
<script type="text/javascript">

function validate()
{
var user=document.getElementById('username');
var pass=document.getElementById('pwd');
if(user.lenght<5)
alert('asdasd');
if(pass.lenght<4 || pass.lenght>6)
alert('df');
}



</script>
</head>
<body>
<input type='text' id='username' />
<input type='password' id='pwd' />
<input type="button" onclick="validate()"/>

</body>
</html>

مشکل این است که اجرا نمیشه

CsT
دوشنبه 12 دی 1390, 13:11 عصر
function validate()
{
var user=document.getElementById('username');
var pass=document.getElementById('pwd');
if(user.value.length<5)
alert('asdasd');
if(pass.value.length<4 || pass.value.length>6)
alert('df');
}