У меня есть кнопка asp.net, в которой есть событие click, которое в основном добавляет данные в базу данных. У меня также есть список радиокнопок (например, Утвердить / Отклонить) и текстовое поле. Если пользователь выбирает отклонение, текстовое поле становится видимым. Я хочу запустить проверку, что, когда пользователь нажимает кнопку «Отправить», если выбрано отклонение, текстовое поле не может быть пустым. Я использовал для этого проверку jquery. когда я нажимаю кнопку, рядом с текстовым полем появляется сообщение о том, что поле является обязательным, но оно не останавливает выполнение кода позади. Т.е. он добавляет данные в базу данных. Вот мой код.
<script type="text/javascript" language="javascript">
$(function() {
$('#declinediv').hide();
////////
var $radBtn = $("table.rblist input:radio");
$radBtn.click(function() {
var $radChecked = $(':radio:checked');
var value = $radChecked.val();
if (value == 'Decline' || value == 'Approve') {
if (value == 'Decline')
$('#declinediv').show();
else
$('#declinediv').hide();
}
else {
$('#declinediv').hide();
}
});
//////////////////////////
$("#aspnetForm").validate({
rules: {
<%=txtdeclinereason.UniqueID %>: {
minlength: 2,
required: true
}
}, messages: {
<%=txtdeclinereason.UniqueID %>:{
required: "* Required Field *",
minlength: "* Please enter atleast 2 characters *"
}
}, onsubmit: true
});
//////////////////////////////////
$('#btnsubmit').click(function(evt){
var isValid = $("#aspnetForm").valid();
if (!isValid)
{
evt.preventDefault();
}
});
});
function myredirect(v, m, f) {
window.location.href = v;
}
</script>
<table style="border: 1px black solid; text-align: center; vertical-align: middle"
width="100%">
<tr>
<td>
<asp:RadioButtonList ID="rbtnlstapprover" runat="server" RepeatDirection="Horizontal"
CssClass="rblist" DataTextField="username" DataValueField="emailaddress">
<asp:ListItem Text="Approve" Value="Approve" />
<asp:ListItem Text="Decline" Value="Decline" />
</asp:RadioButtonList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="rbtnlstapprover"
Text="*" ErrorMessage="Please select atleast one Approver" ValidationGroup="approvalgroup"
Display="Dynamic" />
</td>
</tr>
<tr>
<td>
<div id="declinediv">
<asp:TextBox ID="txtdeclinereason" runat="server" TextMode="MultiLine" Columns="80"
Rows="5" />
</div>
</td>
</tr>
<tr>
<td>
<asp:Button ID="btnsubmit" runat="server" Text="Submit" CssClass="RegularButton"
CausesValidation="true" ValidationGroup="approvalgroup" OnClick="btnsubmit_Click" />
</td>
</tr>
</table>
Как мне остановить выполнение кода позади? Спасибо за вашу помощь.
Edit:
Мне удалось исправить проблему, добавив событие OnClientClick для кнопки
if ($('#declinediv').is(':visible'))
{
var isValid = $("#aspnetForm").valid();
alert(isValid);
if (isValid)
return true;
else
return false;
}
else
{
return true;
}