advertise laitec sharif univercity
دانلود سورس اپلیکیشن اندروید یادآوری-انجامش بده–ToDo

دانلود سورس اپلیکیشن اندروید یادآوری-انجامش بده–ToDo

14000 تومان
دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

10000 تومان
پکیج ویژه پروژه پایانی و پایان نامه رشته کامپیوتر

پکیج ویژه پروژه پایانی و پایان نامه رشته کامپیوتر

148000 تومان
دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

10000 تومان
دانلود مجموعه 100 سورس ساده و ابتدایی با سی پلاس پلاس

دانلود مجموعه 100 سورس ساده و ابتدایی با سی پلاس پلاس

14000 تومان

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

اعتبار سنجی فرم HTML می تواند توسط یک جاوا اسکریپت انجام می شود. با استفاده از توابع JavaScript میتوان اعتبار سنجی داده ها و اعتبارسنجی محدودیت html را انجام داد
فرم های جاوا اسکریپت JavaScript

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

اعتبارسنجی فرم JavaScript

اعتبار سنجی فرم HTML می تواند توسط یک جاوا اسکریپت انجام می شود.

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

function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    }
}

 

تابع هنگامی که فرم زیر Submit  شود، فراخوانی می گردد: ( در مثالها به جای() از علامتهای <> استفاده کنید)

(form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post")
Name: (input type="text" name="fname")
(input type="submit" value="Submit")
(/form)

 

♦ اعتبارسنجی فرم HTML

اعتبار سنجی فرم HTML می تواند به طور اتوماتیک توسط مرورگر انجام شود. اعتبار سنجی فرم HTML در اینترنت اکسپلورر 9 و یا قبل از آن کار نمی کند.

در مثال زیر، ، اگر فیلد fname در فرم خالی باشد، خاصیت required مانع ارسال فرم می شود.

(form action="demo_form.asp" method="post")
  (input type="text" name="fname" required)
  (input type="submit" value="Submit")
(/form)

 

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

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

وظایف اعتبارسنجی عبارتند از:

► آیا کاربر تمام فیلدهای ضروری و دارای ویژگی  required را پر کرده است؟

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

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

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

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

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

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

 

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

HTML5 یک مفهوم اعتبارسنجی HTML جدید به نام اعتبارسنجی محدودیت معرفی کرده است.

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

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

► اعتبارسنجی محدودیت انتخابگرهای کاذب  CSS

► اعتبارسنجی محدودیت متدها (Methods) و خواص DOM

 

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

► ویژگی disabled : مشخص می کند که عنصر ورودی باید غیرفعال باشد.

► ویژگی max  : حداکثر مقدار یک عنصر ورودی را مشخص میکند.

► ویژگی min : حداقل مقدار از یک عنصر ورودی را مشخص میکند.

► خاصیت pattern : الگوی مقدار یک عنصر ورودی را مشخص میکند.

► خاصیت required : مشخص میکند که فیلد ورودی به یک المان نیاز دارد.

► ویژگی ورودی type : نوع عنصر ورودی را تعیین میکند.

 

♦ اعتبارسنجی محدودیت انتخابگرهای کاذب  CSS

► سلکتور disabled : عناصر ورودی با ویژگی مشخص شده "غیرفعال" را انتخاب میکند.

► انتخابگر invalid : عناصر ورودی با ارزش نامعتبر را انتخاب میکند.

► سلکتور optional : عناصر ورودی بدون ویژگی مشخص شده " required"  را انتخاب میکند.

► سلکتور required  : عناصر ورودی با ویژگی مشخص شده " ضروری"  را انتخاب میکند.

► انتخابگر valid : عناصر ورودی با ارزش معتبر را انتخاب میکند.

 

اعتبار سنجی API جاوا اسکریپت

♦ اعتبارسنجی محدودیت متدهای DOM

► ویژگی checkValidity() : اگر عنصر ورودی شامل داده معتبر باشد، مقدار true برمیگرداند.

► پراپرتی setCustomValidity() : ویژگی validationMessage را مطابق عنصر ورودی تنظیم میکند.

در مثال زیر، اگر فیلد ورودی شامل داده نامعتبر باشد، یک پیغام نمایش داده میشود:

(input id="id1" type="number" min="100" max="300")
(button onclick="myFunction()")OK(/button)

(p id="demo")(/p)

(script)
function myFunction() {
    var inpObj = document.getElementById("id1");
    if (inpObj.checkValidity() == false) {
        document.getElementById("demo").innerHTML = inpObj.validationMessage;
    }
}
(/script)

 

♦ اعتبارسنجی محدودیت خاصیت های DOM

► ویژگی validity : شامل خواص بولین مرتبط با اعتبار عنصر ورودی میباشد.

► ویژگی validationMessage : شامل پیامی است که وقتی اعتبار false باشد، در مرورگر نمایش داده میشود.

► ویژگی willValidate : نشان میدهد که عنصر ورودی باید معتبر شود.

 

 



1
نظرات
  • user avatar Reza:
    ۰۲:۵۳:۵۳ __ ۱۴۰۰/۰۱/۱۹

    سلام سال نو مبارک اگر میشه لطفا منابع بیشتری در مورد شبکه به صورت پیشرفته قرار بدین به صورت رایگان ممنون میشم

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
چگونگی اعتبارسنجی محدودیت خاصیت های DOMاستفاده از توابع جاواسکریپت برای Validationاعتبار سنجی API جاوا اسکریپتاعتبارسنجی محدودیت html چیست؟جاوا اسکریپت در ولیدیشن فرمForm Validation چیست؟آشنایی با Form در JavaScriptچگونه میتوان فرم و داده را اعتبارسنجی کرد؟روش validtion فرم ها با JSاعتبارسنجی فرم JavaScriptJavaScript FormswJavaScript API Validationاعتبارسنجی محدودیت ویژگی های ورودی HTMLآموزش اعتبارسنجی فرم HTMLاعتبارسنجی فرم یعنی چه؟اعتبارسنجی محدودیت متدهای DOMروش Validation محدودیت selectors کاذب CSSچگونگی اعتبار سنجی داده ها لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php