סקריפטים לבוני אתרים - javascript - html - css - dhtml

מיקום באתר: עמוד ראשי > סקריפטים לבוני אתרים > טפסים

סקריפטים - דף 10 - טפסים

בדוק הזנת אי מייל

הקוד בט'כלס מוודא שיש כרוכית - @ ושיש נקודה בשדה הטקסט שנשלח

:כאשר
alert("הכיתוב שיישלח באלרט כשהמייל לא תקין")

תיבת טקסט שבלחיצה היא מתנקה

:כאשר
value="הטקסט שיימחק בלחיצה"

הפיכת אותיות קטנות לגדולות בטופס

בודק הזנת מספרים בלבד

בדיקת שדות לא רקים בשליחה בטופס

function check_url(address) {
if ((address == "")

|| (address.indexOf ('https://') == -1)
|| (address.indexOf ('.') == -1))
return false;
return true;
}
// -->
</script>
<form name="form" method="post" action="mailto:tab4u.com@gmail.com ?SUBJECT=נשלח מטופס סקריפטים בבי 5 form"
enctype="text/plain" onSubmit="return validate_form()">
<input type="text" size=50 name="NAME" dir="rtl">:שם<br>
<input type="text" size=50 name="EMAIL">:אי מייל<br>
<input type="text" size=50 name="URL" dir="rtl">:קישור<br>
:תיאור<br><TEXTAREA NAME="DESCRIPTION" ROWS=8 COLS=50 wrap=virtual dir="rtl"></TEXTAREA><br>
<input type="submit" name="submit" value="שלח"> <input type="reset" value="מחק"></form>

סופר את מספר התווים באיזור\תיבת טקסט

רשום וצפה בכמה תווים מותר לך עוד להזין

תווים נשארו

כאשר אם תרצה לשנות את מספר התווים המותר תאלץ לשנותו ב3 מקומות:
value="25",
onKeyDown="textCounter(this.form.message,this.form.remLen,25);"
onKeyUp="textCounter(this.form.message,this.form.remLen,25);"

ניתן את אותו הדבר לבצע בתיבת טקסט

רשום וצפה בכמה תווים מותר לך עוד להזין
תווים נשארו

הגבלת תווים והקפצת אלרט במעבר הגבול

:כאשר
:בשביל לשנות את מספר הגבלת התווים יש לשנות את המשתנה
max_text_length = 10;

:ניתן לבצע את אותו דבר עם איזור טקסט ולהחליף את השורה האחת לפני האחרונה (השורה של האינפוט) בשורה הזו
<textarea name="notes" rows="5" cols="40" onkeydown="checkTArea(this, max_text_length)" dir="rtl"></textarea>

אימות סיסמאות

בלחיצה על איזור טקסט הכל ייבחר

כמו כל איזורי הטקסט שבתוכם רשומים הסקריפטים. נסו פה

עיצובים לטפסים

<form> 
תיבת טקסט<br>
<INPUT TYPE="TEXT" NAME="one" style="background-color: #FF00BB; color: #ffffff;" SIZE="30"><br>
תיבת בחירה<br>
<SELECT class="whiteSelect">
<OPTION style="background-color:#ffcc00;">אפשרות ראשונה
<OPTION style="background-color:orange;">אפשרות שניה</OPTION>
<OPTION style="background-color:#cc0000;">אפשרות שלישית</OPTION>
<OPTION style="background-color:#336633;">אפשרות רביעית</OPTION>
</SELECT>
<br>איזור טקסט<br>
<TEXTAREA NAME="three" ROWS="12" COLS="40" style="font-size: 11px;background-color: #336666; color: #ffffff;" dir="rtl"></TEXTAREA>
<br><br>
כפתור<br>
<INPUT TYPE="RESET" VALUE="A reset button" style="font-size: 12px; font-family: verdana, arial; background-color: #AABB55; color: #ffffff;">

<br><br>
כפתורי רדיו<br>
<input name="a" style="background-color:#ffcc00;border:1px solid #000000;" type="radio">
<input name="a" style="background-color:#AA66bb;border:3px solid #000000;" type="radio">
<input name="a" style="background-color:#dd44ff;border:1px solid #000000;" type="radio">
<br><br>
קופסאות בחירה
 <div id="checkbox"> 
<input name="d" style="background-color:#ffcc00;border:1px solid #000000;" type="checkbox" />
<input name="e" style="background-color:#3344bb;border:1px solid #000000;" type="checkbox" />
<input name="f" style="background-color:#000000;border:1px solid #000000;" type="checkbox" />
</div> 
</form>