Submit seçkici
:submit seçkici, formanın göndərmə düymələri olan
submit
tipi olan elementləri seçir.
Adətən :submit seçkisi düymələrə
və ya daxiletmə elementlərinə tətbiq olunur. Nəzərə almaq lazımdır ki, bəzi
brauzerlər button elementini,
[type='submit'] xüsusiyyətinə malik imiş kimi qəbul edir, digərləri isə
əksinə. Düzgün işləməyə zəmanət vermək üçün
həmişə type xüsusiyyətini müəyyən edin.
:submit CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün onun yerinə
[type='submit'] tətbiq etmək daha yaxşıdır.
Sintaksis
Biz submit tipi olan elementləri belə seçirik:
$(':submit');
Nümunə
Gəlin, yuxarıda göstərilən nəzəriyyəyə uyğun olaraq,
td elementlərinin nəvələri olan
bütün submit tipi olan elementləri seçək.
Bu td elementlərinə yaşıl fon
və qırmızı çərçivə verək, bunun üçün
css metodundan istifadə edək:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Element</th></tr>
<tr><td><input type="button" value="button"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>button</button></td></tr>
<tr><td><input type="reset"></td></tr>
<tr><td><input type="submit"></td></tr>
<tr><td><input type="radio" name="test"></td></tr>
<tr><td><input type="checkbox"></td></tr>
<tr><td><button type="submit">button</button></td></tr>
<tr><td><input type="text"></td></tr>
</table>
</form>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // formanın göndərilməsinin qarşısını alır
});
