Previous >    <Next  

‎ويژگي هاي شئ فرم ـForm Object properties

‎شئ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

‎ويژگيForm ‎acceptCharset‎ مقدار ويژگيaccept-‎chrset عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .اين ويژگي مجموعه كراكتري را كه براي ارسال داده هاي فرم ميباشد، مشخص ‎مينمايد.

‎پيش فرض مقدار اين ويژگي رشته‎"UNKNOWN‎"‎ميباشد، واين بدين معني كه براي ارسال از مجموعه ‎كراكتري صفحه اي فرم داخل آنست استفاده ميشود.

‎مثال ـ مجموعه كراكتري را كه سرور بايد درارسال فرم استفاده نمايد ، برگشت ميدهد.

var x = document.getElementById("myForm").acceptCharset;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.acceptCharset

‎فرمت استفاده براي تنظيم ويژگي
formObject.acceptCharset=character-set

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
character-set ‎يك يا چند مجموعه كراكتري كه ميتوانند با بلنك يا كام تفكيك شوند.
‎مجموعه كراكتري هائيكه بيشتر استفاده ميشوند.
  • UTF-‎8‎ـ مجموعه كراكتري unicode
  • ISO-‎8859-‎1‎ـ مجموعه كراكتري براي رمزگذاري alphabet

‎در تئوري، هرمجموعه كراكتري را ميتوان استفاده كرد، اما هيچ مرورگري همه آنها را درك نميكند. ‎هرچه از يك مجموعه كراكتري بيشتر استفاده شود، شانس درك آن براي مرورگر بيشتر ميگردد.

‎مثال ـ تغيير مجموعه كراكتري فرم به‎"UTF-‎8‎"‎

document.getElementById("myForm").acceptCharset = "UTF-8";

--(go to editor for change code and run)

‎ويژگيForm action

‎ويژگيForm ‎action‎ مقدار ويژگيaction عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .اين ويژگي مشخص ميكند كه هنگام ارسال فرم، داده هاي فرم بايد بكجا ارسال ‎شود.

‎مثال ـ تغيير در محل ازسال داده فرم .تغييرآدرسurl

document.getElementById("myForm").action = "/action_page.php";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.action

‎فرمت استفاده براي تنظيم ويژگي
formObject.action=URL

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
URL ‎محل ارسال داده هاي فرم را در ارسال فرم مشخص ميكند.
‎مقادير ممكن:
  • ‎آدرس مطلقURL كه به سايت ديگري اشاره كند .
  • ‎آدرس نسبيURL كه به سايت جاري اشاره مي.كند .

‎مثال ـ برگشت آدرسURL محل ارسال داده فرم

var x = document.getElementById("myForm").action;

--(go to editor for change code and run)

‎ويژگيForm autocomplete

‎ويژگيForm ‎autocomplete‎ مقدار ويژگيautocomplete عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي دوحالت‎"on‎"‎ويا ‎"off‎"‎دارد .

‎هنگاميكهautocomplete="on‎"‎باشد، مرورگر بصورت خودكار ،مقادير را براساس آنچه كاربر ‎قبلا وارد نموده تكميل مي نمايد.

‎نكته ـ امكان تكميل خودكار‎(‎"on‎")‎ درفرم و ‎"off‎"‎ براي فيلدهاي ورودي ويا بالعكس ‎وجود دارد.

‎نكته ـ در برخي از مرورگرها ممكن است لازم باشد، يك تابع تكميل خودكار فعال شود، تا تكميل ‎خودكار ، كاركند.

‎مثال ـ تنظيمautocomplete="off‎"‎در فرم

document.getElementById("myForm").autocomplete = "off";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.autocomplete

‎فرمت استفاده براي تنظيم ويژگي
formObject.autocomplete="on " | "off"

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
on ‎پيش فرض . مرورگر خودكار تكميل مقادير را مطابق مقادير قبلي انجام ميدهد.
off ‎كاربر بايد هربار مقداري در فيلد وارد كند .مرورگر بصورت خود كار آنرا تكميل نميكند.

‎مثال ـ وضعيت ويژگي خودكار برگشت ميشود.

var x = document.getElementById("myForm").autocomplete;

--(go to editor for change code and run)

‎ويژگيForm enctype

‎ويژگيForm ‎enctype‎ مقدار ويژگيenctype عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده نحوي رمزگذاري داده هاي فرم قبل از ارسال به ‎سرور است.

‎بصورت پيش فرض داده هاي فرم به فرم‎"application/x-‎www-‎form-‎urlencoded‎"‎قبل از ارسال ‎رمزگذاري ميشوند .بااين روش بلنك به علامت‎+‎ و كراكترهاي خاص بهASCII HEX ‎تبديل ميشوند.

‎مثال ـ نحوي رمزگذاري داده هاي فرم را برگشت ميدهد.

var x = document.getElementById("myForm").enctype;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.enctype

‎فرمت استفاده براي تنظيم ويژگي
formObject.enctype="application/x-www-form-urlencoded, multipart/form-data,text/plain"

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
application/x-
www-form-
urlencoded
‎همه كراكترها قبل از ارسال كدگذاري ميشوند .پيش فرض ويژگي
multipart/form-
data
‎هيچ كراكتري رمزگذاري نميشود.
‎وقتيكه در فرم براي اپلودفايل استفاده ميشود، اين مقدار لازم است.
text/plain ‎بلنك به علامت‎+‎ تبديل وهيچ كراكتري ديگري تغيير نميكند .

‎مثال ـ مقدار ويژگيenctype براي تغيير رمزگذاري داده هاي فرم

document.getElementById("myForm").enctype = "multipart/form-data";

--(go to editor for change code and run)

‎ويژگيForm length

‎ويژگيForm ‎length‎ مقدار ويژگيlength عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده تعداد عناصر در فرم ميباشد.

‎مثال ـ تعداد عناصر در فرم رابرگشت ميدهد.

var x = document.getElementById("myForm").length;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

formObject.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;

--(go to editor for change code and run)

‎ويژگيForm method

‎ويژگيForm ‎method‎ مقدار ويژگيmethod عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده نوع ارسال داده هاي فرم ميباشد .داده هاي فرم ‎به محلي كه ويژگيaction مشخص ميكند، ارسال ميشوند .

‎مثال ـ تغيير در نوع ارسال‎(method)‎ داده هاي فرم

document.getElementById("myForm").method = "post";

--(go to editor for change code and run)

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي Chorome Edge Firefox Safari Opera
method Yes Yes Yes Yes Yes
‎برگشتي پيش فرض get get get nothing get

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.method

‎فرمت استفاده براي تنظيم ويژگي
formObject.method="get" |"post"

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
get ‎داده هاي فرم را بهurl محل ارسال اضافه ميكند .
URL?name=value&name=value
‎مقدارget پيش فرض است
post ‎داده هاي فرم را بعنوان تراكنشHTTP post ارسال ميكند .

‎مثال ـ. نوع ارسال داده هاي فرم را برگشت ميدهد.

var x = document.getElementById("myForm").method;

--(go to editor for change code and run)

‎ويژگيForm name

‎ويژگيForm ‎name‎ مقدار ويژگيname عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نامي براي فرم مشخص ميكند.

‎مثال ـ نام فرم برگشت ميشود.

var x = document.getElementById("myForm").name;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.name

‎فرمت استفاده براي تنظيم ويژگي
formObject.name=name

‎مثال ـ تغيير نام فرم

document.getElementById("myForm").name = "newName";

--(go to editor for change code and run)

‎ويژگيForm noValidate

‎ويژگيForm ‎noValidate‎ مقدار ويژگيnoValidate عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده اينست كه فرم در ارسال بايد اعتبارسنجي شود ‎يا نه

‎پيش فرض اين ويژگي مقدارfalse بوده وبايد فرم درارسال اعتبار سنجي شود .

‎مثال ـ بررسي وضعيت اعتبار سنجي فرم

var x = document.getElementById("myForm").noValidate;

--(go to editor for change code and run)

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي Chorome Edge Firefox Safari Opera
noValidate Yes 10.0 Yes
Not
supperted
Yes

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.noValidate

‎فرمت استفاده براي تنظيم ويژگي
formObject.noValidate=true | false

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
true ‎داده هاي فرم بدون اعتبار سنجي ارسال ميگردد.
false ‎داده هاي فرم قبل از ارسال بايد اعتبار سنجي شود .پيش فرض

‎مثال ـ تنظيم ويژگيnoValidate

document.getElementById("myForm").noValidate = true;

--(go to editor for change code and run)

‎ويژگيForm target

‎ويژگيForm ‎target‎ مقدار ويژگيtarget عنصرم فرم را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي نشان دهنده اينستكه محل نمايش جوابيه ارسال داده هاي فرم ‎مشخص ميگردد.

‎مثال ـ تنظيم ويژگيtarget براي نمايش جوابيه ارسال فرم

document.getElementById("myForm").target = "_blank";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت استفاده براي برگشت مقدار ويژگي
formObject.target

‎فرمت استفاده براي تنظيم ويژگي
formObject.taret="_blank _|self _|parent _|top |framename"

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
_blank ‎نمايش در يك پنجره جديد
_self ‎روي همان فريمي كه كليك انجام ميشود باز ونمايش ميشود.
_parent ‎در مجموعه فريم والدين باز ميشود.
_top ‎در تمام بدنه پنجره باز ميشود.
framename ‎در فريم مشخص شده نمايش مي شود.

‎مثال ـ برگشت مقدار ويژگيForm taret

var x = document.getElementById("myForm").target;

--(go to editor for change code and run)


Previous >    <Next