Имам формуляр в „диалоговия прозорец на jQuery“, в който има <textarea>
, а другият е двойка <input type="radio" />
бутони
И двете са задължителни полета и ако потребителят остави полето за тестване празно или не провери някое от радиото, потребителят трябва да получи съобщението и диалоговият прозорец не трябва да се затваря.
Опитах се да направя проверката, тя работи за Textarea, но не и за радио бутоните.
Ето цигулката, която създадох: http://jsfiddle.net/JLDf5/
Ето кода за същото:
HTML
<div id="sessionReason" title="End Transaction">
<p class="validation-summary-errors marginBottom10">Provide the following information to proceed:</p>
<div class="marginBottom" id="sessionDocumentMessage">
<label class="marginBottom5 marginTop10">Return the document?</label>
<br>
<label>
<input type="radio" name="sessionDocuments" />Return</label>
<br>
<label>
<input type="radio" name="sessionDocuments" />Keep</label>
<br>
</div>
<p class="marginBottom5" id="sessionReasonMessage">Reason for ending the transaction:</p>
<textarea id="sessionReasonBox" class="reasonBox"></textarea>
</div>
jQuery
$('#sessionReason .validation-summary-errors').hide();
$("#sessionReason").dialog({
buttons: {
"End Transaction": function () {
var sessionReasonBox = $("#sessionReasonBox").val();
if ($('[name="sessionDocuments"]').is(':checked')){
$('#sessionReason .validation-summary-errors').show();
$("#sessionDocumentMessage label").addClass("redtext");
}
if (sessionReasonBox == "") {
$('#sessionReason .validation-summary-errors').show();
$("#sessionReasonMessage").addClass("redtext");
return false;
}
else {
$('#sessionReason .validation-summary-errors').hide();
$("#sessionReasonMessage").removeClass("redtext");
}
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
Моля, предложете!