En son web geliştirme öğreticiler
 

JavaScript Formlar


JavaScript Form Doğrulama

HTML form doğrulama bir JavaScript tarafından yapılabilir.

Bir form alanı ise (fname) boştur, bu fonksiyon bir ileti uyarır ve sunulmadan formu önlemek için, yanlış döndürür:

JavaScript Örneği

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

form gönderildiğinde işlev çağrılabilir:

HTML Formu Örneği

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

HTML Form Doğrulama

HTML form doğrulama tarayıcı tarafından otomatik olarak yapılabilir:

Bir form alanı ise (fname) boş, required özellik sunulmadan bu formu engeller:

HTML Formu Örneği

<form action="demo_form.asp" method="post">
  <input type="text" name="fname" required >
  <input type="submit" value="Submit">
</form>
Kendin dene "

Otomatik HTML form doğrulama Internet Explorer 9 veya daha önceki çalışmaz.


Veri doğrulama

Veri doğrulama bilgisayar giriş, temiz, doğru ve faydalı olduğunu sağlama işlemidir.

Tipik doğrulama görevler şunlardır:

  • Gerekli tüm alanları doldurduktan kullanıcıyı vardır?
  • kullanıcı geçerli bir tarih girmiştir?
  • Kullanıcı bir sayısal alana metni girdi?

Çoğu zaman, veri doğrulama amacı bilgisayar uygulamasına doğru girişi sağlamaktır.

Doğrulama birçok farklı yöntemlerle tanımlanan ve birçok farklı şekilde dağıtılabilir.

Giriş sunucusuna gönderilen sonra sunucu tarafı doğrulama, bir web sunucusu tarafından gerçekleştirilir.

Giriş, bir web sunucusuna gönderilmeden önce istemci tarafı doğrulama, bir web tarayıcısı tarafından gerçekleştirilir.


HTML Kısıtlama Doğrulama

HTML5 kısıt doğrulama denilen yeni bir HTML doğrulama kavramını ortaya.

HTML kısıt doğrulama dayanmaktadır:

  • Kısıtlama doğrulama HTML Girdi Nitelikler
  • Kısıtlama doğrulama CSS Sözde Seçiciler
  • Kısıtlama doğrulama DOM Özellikleri ve Yöntemler

Kısıtlama Doğrulama HTML Girdi Nitelikler

nitelik Açıklama
disabled giriş elemanı devre dışı bırakılmalıdır belirtir
max bir giriş elemanının maksimum değerini belirtir
min bir giriş elemanının minimum değerini belirtir
pattern bir giriş elemanının değeri desenini belirtir
required giriş alanı bir element gerektirdiğini belirtir
type Bir giriş öğesinin türünü belirtir

Tam liste için şu adrese gidin HTML Girdi Öznitelikler'in .


Kısıtlama Doğrulama CSS Sözde Seçiciler

selektör Açıklama
:disabled Ile giriş öğeleri seçer "disabled" belirtilen özellik
:invalid geçersiz değerler ile giriş öğeleri seçer
:optional Hiçbir ile giriş öğeleri seçer "required" belirtilen özellik
:required Ile giriş öğeleri seçer "required" belirtilen özellik
:valid geçerli değerlerle giriş öğeleri seçer

Tam liste için, lazım Sözde Sınıfları CSS .