شئForm كه درجاوااسكريپت ايجاد ميشود، مرتبط با يكي از عناصر HTML <form> صفحه ميباشد .اين شئ داراي ويژگي هاي همان عنصر<form> است كه ميتوان با فرمت شئ گرائي با شئ مذكور روي آن اثر گذاشت .بعبارتي ميتوان مقادير ويژگيهاي آنرا تنظيم ويا بدست آورد.
جدول ويژگي هاي شئ فرم مطابق زير بوده ، ودراين صفحه هركدام دربخش داخلي تشريح ميشوند .لينك بخش داخلي هم در جدول وجود دارد.
ويژگي | شرح |
---|---|
acceptCharset | مقدار ويژگيaccept-charset فرم راتنظيم ويابرگشت ميدهد . |
action | مقدار ويژگيaction درفرم را تنظيم ويابرگشت ميدهد . |
autoomplete | مقدار ويژگيautocomplete فرم را تنظيم يابرگشت ميدهد . |
encoding | نام مستعارenctype |
enctype | مقدار ويژگيenctype فرم راتنضيم ويابرگشت ميدهد . | length | مقدار ويژگيlength فرم راتنظيم ويابرگشت ميدهد . |
method | مقدار ويژگيmethod فرم راتنظيم ويابرگشت ميدهد . |
name | مقدارويژگيname فرم را تنظيم ويابرگشت ميدهد . |
noValidate | مشخص ميكند كه داده هاي فرم بايد اعتبارسنجي شود يانه
ويژگيnoValidate فرم تنظيم ويا برگشت ميشود . |
target | مقدار ويژگيtarget فرم را تنظيم ويابرگشت ميدهد . |
ويژگيForm acceptCharset مقدار ويژگيaccept-chrset عنصرم فرم را تنظيم ويا برگشت ميدهد .اين ويژگي مجموعه كراكتري را كه براي ارسال داده هاي فرم ميباشد، مشخص مينمايد.
پيش فرض مقدار اين ويژگي رشته"UNKNOWN"ميباشد، واين بدين معني كه براي ارسال از مجموعه كراكتري صفحه اي فرم داخل آنست استفاده ميشود.
مثال ـ مجموعه كراكتري را كه سرور بايد درارسال فرم استفاده نمايد ، برگشت ميدهد.
var x = document.getElementById("myForm").acceptCharset;
مقدار | شرح |
---|---|
character-set | يك يا چند مجموعه كراكتري كه ميتوانند با بلنك يا كام تفكيك شوند.
مجموعه كراكتري هائيكه بيشتر استفاده ميشوند.
|
در تئوري، هرمجموعه كراكتري را ميتوان استفاده كرد، اما هيچ مرورگري همه آنها را درك نميكند. هرچه از يك مجموعه كراكتري بيشتر استفاده شود، شانس درك آن براي مرورگر بيشتر ميگردد.
مثال ـ تغيير مجموعه كراكتري فرم به"UTF-8"
document.getElementById("myForm").acceptCharset = "UTF-8";
ويژگيForm action مقدار ويژگيaction عنصرم فرم را تنظيم ويا برگشت ميدهد .اين ويژگي مشخص ميكند كه هنگام ارسال فرم، داده هاي فرم بايد بكجا ارسال شود.
مثال ـ تغيير در محل ازسال داده فرم .تغييرآدرسurl
document.getElementById("myForm").action = "/action_page.php";
مقدار | شرح |
---|---|
URL | محل ارسال داده هاي فرم را در ارسال فرم مشخص ميكند.
مقادير ممكن:
|
مثال ـ برگشت آدرسURL محل ارسال داده فرم
var x = document.getElementById("myForm").action;
ويژگيForm autocomplete مقدار ويژگيautocomplete عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي دوحالت"on"ويا "off"دارد .
هنگاميكهautocomplete="on"باشد، مرورگر بصورت خودكار ،مقادير را براساس آنچه كاربر قبلا وارد نموده تكميل مي نمايد.
نكته ـ امكان تكميل خودكار("on") درفرم و "off" براي فيلدهاي ورودي ويا بالعكس وجود دارد.
نكته ـ در برخي از مرورگرها ممكن است لازم باشد، يك تابع تكميل خودكار فعال شود، تا تكميل خودكار ، كاركند.
مثال ـ تنظيمautocomplete="off"در فرم
document.getElementById("myForm").autocomplete = "off";
مقدار | شرح |
---|---|
on | پيش فرض . مرورگر خودكار تكميل مقادير را مطابق مقادير قبلي انجام ميدهد. |
off | كاربر بايد هربار مقداري در فيلد وارد كند .مرورگر بصورت خود كار آنرا تكميل نميكند. |
مثال ـ وضعيت ويژگي خودكار برگشت ميشود.
var x = document.getElementById("myForm").autocomplete;
ويژگيForm enctype مقدار ويژگيenctype عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده نحوي رمزگذاري داده هاي فرم قبل از ارسال به سرور است.
بصورت پيش فرض داده هاي فرم به فرم"application/x-www-form-urlencoded"قبل از ارسال رمزگذاري ميشوند .بااين روش بلنك به علامت+ و كراكترهاي خاص بهASCII HEX تبديل ميشوند.
مثال ـ نحوي رمزگذاري داده هاي فرم را برگشت ميدهد.
var x = document.getElementById("myForm").enctype;
مقدار | شرح |
---|---|
application/x- www-form- urlencoded | همه كراكترها قبل از ارسال كدگذاري ميشوند .پيش فرض ويژگي |
multipart/form- data | هيچ كراكتري رمزگذاري نميشود.
وقتيكه در فرم براي اپلودفايل استفاده ميشود، اين مقدار لازم است. |
text/plain | بلنك به علامت+ تبديل وهيچ كراكتري ديگري تغيير نميكند . |
مثال ـ مقدار ويژگيenctype براي تغيير رمزگذاري داده هاي فرم
document.getElementById("myForm").enctype = "multipart/form-data";
ويژگيForm length مقدار ويژگيlength عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده تعداد عناصر در فرم ميباشد.
مثال ـ تعداد عناصر در فرم رابرگشت ميدهد.
var x = document.getElementById("myForm").length;
مثال ـ مقدار ويژگيvalue هر عنصر در فرم را برگشت ميدهد .
var x = document.getElementById("myForm"); var txt = ""; var i; for (i = 0; i < x.length; i++) { txt = txt + x.elements[i].value + "<br>"; } document.getElementById("demo").innerHTML = txt;
ويژگيForm method مقدار ويژگيmethod عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده نوع ارسال داده هاي فرم ميباشد .داده هاي فرم به محلي كه ويژگيaction مشخص ميكند، ارسال ميشوند .
مثال ـ تغيير در نوع ارسال(method) داده هاي فرم
document.getElementById("myForm").method = "post";
ويژگي | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
method | Yes | Yes | Yes | Yes | Yes |
برگشتي پيش فرض | get | get | get | nothing | get |
مقدار | شرح |
---|---|
get | داده هاي فرم را بهurl محل ارسال اضافه ميكند .
URL?name=value&name=value مقدارget پيش فرض است |
post | داده هاي فرم را بعنوان تراكنشHTTP post ارسال ميكند . |
مثال ـ. نوع ارسال داده هاي فرم را برگشت ميدهد.
var x = document.getElementById("myForm").method;
ويژگيForm name مقدار ويژگيname عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نامي براي فرم مشخص ميكند.
مثال ـ نام فرم برگشت ميشود.
var x = document.getElementById("myForm").name;
مثال ـ تغيير نام فرم
document.getElementById("myForm").name = "newName";
ويژگيForm noValidate مقدار ويژگيnoValidate عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده اينست كه فرم در ارسال بايد اعتبارسنجي شود يا نه
پيش فرض اين ويژگي مقدارfalse بوده وبايد فرم درارسال اعتبار سنجي شود .
مثال ـ بررسي وضعيت اعتبار سنجي فرم
var x = document.getElementById("myForm").noValidate;
ويژگي | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
noValidate | Yes | 10.0 | Yes | supperted | Yes |
مقدار | شرح |
---|---|
true | داده هاي فرم بدون اعتبار سنجي ارسال ميگردد. |
false | داده هاي فرم قبل از ارسال بايد اعتبار سنجي شود .پيش فرض |
مثال ـ تنظيم ويژگيnoValidate
document.getElementById("myForm").noValidate = true;
ويژگيForm target مقدار ويژگيtarget عنصرم فرم را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده اينستكه محل نمايش جوابيه ارسال داده هاي فرم مشخص ميگردد.
مثال ـ تنظيم ويژگيtarget براي نمايش جوابيه ارسال فرم
document.getElementById("myForm").target = "_blank";
مقدار | شرح |
---|---|
_blank | نمايش در يك پنجره جديد |
_self | روي همان فريمي كه كليك انجام ميشود باز ونمايش ميشود. |
_parent | در مجموعه فريم والدين باز ميشود. |
_top | در تمام بدنه پنجره باز ميشود. |
framename | در فريم مشخص شده نمايش مي شود. |
مثال ـ برگشت مقدار ويژگيForm taret
var x = document.getElementById("myForm").target;