جلوگیری از نوشته شدن برخی کاراکترها در فیلدهای (field) فرم (با javascript)
گاهی نیاز داریم که در فیلدهای فرم، تعدادی از کاراکترها، توسط کاربر، نوشته نشود. برای این منظور می توانیم از این کدها استفاده کنیم. زمانی که کاربر، کاراکترهای ممنوعه ای که ما مشخص کرده ایم را با کیبورد تایپ می کند، آن کاراکترها، در فیلد (field) فرم، نوشته نخواهند شد. می توانید در پنجره زیر، این مورد را امتحان کنید. سه فیلد وجود دارد که برای هر فیلد، یک سری کاراکتر ممنوعه تعریف شده است. در فیلد سوم، تنها می توانید عدد وارد کنید :
کدها :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<form onSubmit="return false;">
This field will not accept special characters: (like !@#$%^&* etc)<br>
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;"></textarea>
<br>
<br>
This field will not accept double or single quotes:<br>
<input type=text name=txtEmail onKeypress="if (event.keyCode==34 || event.keyCode==39) event.returnValue = false;">
<br>
<br>
This field will only accept numbers:<br>
<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
</form>
</center>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<form onSubmit="return false;">
This field will not accept special characters: (like !@#$%^&* etc)<br>
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;"></textarea>
<br>
<br>
This field will not accept double or single quotes:<br>
<input type=text name=txtEmail onKeypress="if (event.keyCode==34 || event.keyCode==39) event.returnValue = false;">
<br>
<br>
This field will only accept numbers:<br>
<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
</form>
</center>
</body>
</html>
دسته بندی
کدهای آماده برای فرم ها
نویسنده
علیرضا گلمکانی
شماره کلید
663
گزینه ها
نظرات 1 1 0
حقیقی ۱۴۰۱/۰۱/۰۶
۱۷:۰۳
درود
بسیارعالی. من کلی دنبال این کد می گشتم در اینترنت زیاده ولی به این شکل که در فیلد تکست قرار بگیره و نیاز به افزودن فانکشن نباشه نبود. چون افزودن فانکشن جدید باعث تداخل در کار فانکشن های دیگه می شد. خیلی ممنون