JavaScript:فرم‌ها در جاوااسکریپت

از ویکی کد
(تفاوت) → نسخهٔ قدیمی‌تر | نمایش نسخهٔ فعلی (تفاوت) | نسخهٔ جدیدتر ← (تفاوت)
پرش به ناوبری پرش به جستجو

https://www.w3schools.com/js/js_validation.asp

JavaScript Forms

فرمها در جاوااسکریپت

JavaScript Form Validation

اعتبار سنجی فرمها در جاوااسکریپت

HTML form validation can be done by JavaScript.

اعتبار سنجی فرمهای html را می توان با جاوااسکریپت انجام داد.

If a form field (fname) is empty, this function alerts a message, and returns false, to prevent the form from being submitted:

اگر یک فیلد فرم (fname) خالی باشد ، این تابع یک پیغام را به صورت هشدار نمایش می دهد و مقدار false  را برای جلوگیری از ثبت فرم ، برمیگرداند :

JavaScript مثال

function validateForm() {

 var x = document.forms["myForm"]["fname"].value;

  if (x == "") {

   alert("Name must be filled out");

   return false;

 }

}

The function can be called when the form is submitted:

تابع می تواند زمانی فراخوانی شود که فرم ثبت شده باشد :

HTML Form مثال

مثال فرم html

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">

Name: <input type="text" name="fname">

<input type="submit" value="Submit">

</form>

JavaScript Can Validate Numeric Input

جاوااسکریپت می تواند داده های عددی ورودی را اعتبار سنجی کند .

JavaScript is often used to validate numeric input:

جاوااسکریپت اغلب برای اعتبار سنجی ورودی های عددی استفاده می شود:

Please input a number between 1 and 10

لطفا عددی بین 1 و 10 وارد کنید.

Automatic HTML Form Validation

اعتبار سنجی خودکار فرمهای html

HTML form validation can be performed automatically by the browser:

اعتبار سنجی فرمهای html می تواند به صورت خودکارتوسط مرورگر صورت بپذیرد :

If a form field (fname) is empty, the required attribute prevents this form from being submitted:

اگر یک فیلد فرم (fname) خالی باشد ، ویژگی required  از ثبت این فرم جلوگیری می کند :

HTML Form مثال

مثال فرم html

<form action="/action_page.php" method="post">

  <input type="text" name="fname" required>

  <input type="submit" value="Submit">

</form>

Automatic HTML form validation does not work in Internet Explorer 9 or earlier.

اعتبارسنجی خودکار فرم های html در مرورگر اینترنت اکسپلور ورژن 9 و یا ورژن های جدیدتر پشتیبانی نمی شود.

Data Validation

اعتبار سنجی داده ها

Data validation is the process of ensuring that user input is clean, correct, and useful.

اعتبار سنجی داده ها فرآیندی برای اطمینان حاصل کردن از درست بودن و کاربردی بودن داده ورودیست که از کاربر دریافت شده است.

Typical validation tasks are:

اعتبارسنجی های معمول عبارتند از :

·  has the user filled in all required fields?

آیا کاربر تمامی فیلد های اجباری را پر کرده است؟

·  has the user entered a valid date?

آیا کاربر تاریخ و زمان معتبری را وارد کرده است؟

·  has the user entered text in a numeric field?

آیا کاربر در فیلد عددی ، مقدار متنی وارد کرده است ؟

Most often, the purpose of data validation is to ensure correct user input.

بیشتر موارد ، هدف اعتبار سنجی داده ها ،اطمینان از صحیح بودن داده های ورودی کاربر است.

Validation can be defined by many different methods, and deployed in many different ways.

اعتبار سنجی را میتوان با استفاده از متدهای متفاوتی انجام داد و می توان در راه های گوناگونی ازآن استفاده کرد.

Server side validation is performed by a web server, after input has been sent to the server.

اعتبار سنجی سمت سرور بعد از ارسال داده به سمت سرور ، توسط وب سرور اجرا میگردد.

Client side validation is performed by a web browser, before input is sent to a web server.

اعتبار سنجی سمت کاربر یا Client توسط مرورگروب و قبل ازارسال داده به وب سرور صورت میگیرد.

HTML Constraint Validation

نوع  Constraint  یا اعتبارسنجی محدودیتی در html

HTML5 introduced a new HTML validation concept called constraint validation.

در html 5 نوع جدیدی ازمفهوم اعتبار سنجی در html به نام constraint اعتبارسنجی محدودیتی ارائه شد .

HTML constraint validation is based on:

نوع اعتبار سنجی constraint یا اعتبار سنجی محدودیتی بر اساس موارد زیر است :

Constraint validation HTML Input Attributes

اعتبار سنجی محدودیتی برای ویژگی های ورود داده در html

·  Constraint validation CSS Pseudo Selectors

اعتبار سنجی  محدودیتی انتخابگرها در Css

·  Constraint validation DOM Properties and Methods

اعتبار سنجی محدودیتی ویژگی ها و متدی های Dom

Constraint Validation HTML Input Attributes

اعتبار سنجی محدودیتی در ویژگی های ورود داده در html

توضیحات ویژگی یا attribute
مشخص می کند که آن کنترل html می بایست غیرفعال باشد. disabled
طول بیشترین مقداری که آن کنترل ورودی در html می تواند داشته باشد را تعیین می کند. Max
حداقل طول مقداری که آن کنترل ورودی در html می تواند داشته باشد را تعیین می کند. min
الگوی داده ورودی برای آن کنترل را تعیین می کند. pattern
کنترل مورد نظر را به یک کنترل اجباری تبدیل می کند. required
نوع یک عنصر ورودی را تعیین می کند. type

For a full list, go to HTML Input Attributes.

برای دیدن لیست کامل این ویژگی ها مقاله ما تحت عنوان ویژگی های ورودی در htmlرا مطالعه بفرمایید.

Constraint Validation CSS Pseudo Selectors

اعتبارسنجی های محدودیتی برای انتخابگرهای css

انتخابگر توضیحات
:disabled تمام عناصر ورودی را که ویژگی disabled آنها ، مشخص شده است را انتخاب می کند.
:invalid عناصری ورودی را که مقدار نامعتبر را انتخاب می کند.
:optional عناصر ورودی غیراجباری را انتخاب می کند.
:required عناصر ورودی را که ویژگی required آنها مشخص شده است را انتخاب می کند.
:valid عناصر ورودی را که مقادیر معتبر دارند را انتخاب می کنند.

For a full list, go to CSS Pseudo Classes.

برای مشاهده لیست کامل این ویژگی ها ، مقاله ما تحت عنوان انتخابگرهای css را می توانید بخوانید.