submit ක්රමය
submit ක්රමය අපට JavaScript සිද්ධිය
submit සමඟ වැඩ කිරීමට ඉඩ සලසයි. එය අපට
JavaScript සිද්ධිය submit වෙත හසුරුවනයක් බැඳීමට හෝ
අංගය මත එම සිද්ධිය ක්රියාත්මක කිරීමට ඉඩ සලසයි.
වාක්ය රීතිය
සිද්ධිය සෑම අවස්ථාවකම ඇතිවන විට ක්රියාත්මක වන, අනෙක් අතට සිද්ධි වස්තුව ලබා දිය හැකි හසුරුවන ක්රියාකාරීත්වය ක්රමයට යොමු කළ හැකිය:
.submit(හසුරුවනය);
මෙම අවස්ථාවේදී, ක්රමය
.on('submit', handler) ඉදිකිරීම වැනිව
ක්රියා කරනු ඇත
on ක්රමයේ.
එසේම, විකල්ප පරාමිතියක් ලෙස අපට ක්රමයට හසුරුවන ක්රියාකාරීත්වයට ලබා දෙනු ලබන සිද්ධි දත්ත අඩංගු වස්තුවක් යොමු කළ හැකිය:
.submit([සිද්ධි දත්ත], හසුරුවනය);
නැතහොත් කිසිදු පරාමිති යොමු නොකර සිටිය හැකිය, එවිට
ක්රමය .trigger('submit') වැනිව ක්රියා කරනු ඇත
trigger ක්රමයේ:
.submit();
submit සිද්ධිය අංගය මත ඇති වන්නේ
උදාහරණයක් ලෙස, පරිශීලකයා
'submit' බොත්තම එබූ විට
පෝරමයක් මත වේ. මෙම සිද්ධිය
form අත්කටුවේ අංග වෙත පමණක් අමුණා තැබිය හැකිය.
submit සිද්ධිය අංගය මත ඇති වන්නේ
උදාහරණයක් ලෙස, පරිශීලකයා
'submit' බොත්තම එබූ විට
පෝරමයක් මත වේ. මෙම සිද්ධිය
form අත්කටුවේ අංග වෙත පමණක් අමුණා තැබිය හැකිය.
උදාහරණය
පහත උදාහරණයේ, අප සතුව සරල පෝරමයක් ඇත,
අපි submit ක්රමය භාවිතා කරමින් සිද්ධි හසුරුවනයක් එයට අමුණමු,
ලියන ක්ෂේත්රයක් සහ
බොත්තමක් - submit වර්ගයේ ආදානයක් සමඟ. අපි
ලියන ක්ෂේත්රයට පාඨය ඇතුල් කරමු, බොත්තම එබූ විට
එම පාඨය පරීක්ෂා කරමු. අපි ඇතුල් කළේ
'jQuery' නම්, span එකේ 'Good!' පාඨය පෙන්වමු,
text සහ
show ක්රම භාවිතා කරමින්,
නමුත් වෙනත් යමක් නම් - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
