基本的にデータをデータベースに追加するクリックイベントを持つasp.netボタンがあります。また、ラジオボタンリスト (つまり、承認/拒否) とテキストボックスもあります。ユーザーが辞退を選択すると、テキストボックスが表示されます。ユーザーが送信ボタンをクリックしたときに、辞退が選択された場合、テキストボックスを空白にできないという検証を実行したいと思います。そのためにjquery検証を使用しました。ボタンをクリックすると、フィールドが必要であるというメッセージがテキストボックスの横に表示されますが、コードビハインドの実行は停止しません。ieIt はデータベースにデータを追加します。これが私のコードです。
<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>
コードビハインドの実行を停止するにはどうすればよいですか? ご協力いただきありがとうございます。
編集:
ボタンの OnClientClick イベントを追加することで問題を修正できました
if ($('#declinediv').is(':visible'))
{
var isValid = $("#aspnetForm").valid();
alert(isValid);
if (isValid)
return true;
else
return false;
}
else
{
return true;
}