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 .