我有一个带有 onclientclick 和 onclick 事件的按钮。我的页面中也有一个 jquery。这个 jquery 在计时器结束时注册按钮单击事件。 OnclientClick 调用一个函数来验证单选按钮是否被单击......当计时器运行时......如果用户单击(下一步)按钮而不选择选项(radiobuttonList)......它返回 false,因此服务器侧面事件被阻止..但是,如果计时器过去并且没有选择任何项目,则提交带有空白选项的表单 这是代码,
var countdownTimer, countdownCurrent;
$(document).ready(function() {
countdownCurrent = $('#ctl00_MainContent_example2submit').val() * 100;
countdownTimer = $.timer(function () {
var min = parseInt(countdownCurrent / 6000);
var sec = parseInt(countdownCurrent / 100) - (min * 60);
var micro = pad(countdownCurrent - (sec * 100) - (min * 6000), 2);
var output = "00"; if (min > 0) { output = pad(min, 2); }
$('.countdowntime').html(output + ":" + pad(sec, 2) + ":" + micro);
if (countdownCurrent == 0) {
$('#ctl00_MainContent_btnNext').click();
} else {
countdownCurrent -= 7;
if (countdownCurrent < 0) {
countdownCurrent = 0;
}
}
}, 70, true);
$('#example2submit').bind('keyup', function (e) {
if (e.keyCode == 13) {
countdownReset();
}
});
function CheckIfOptionSelected() {
var vFlag = true;
var radioButton1 = document.forms[0].elements['ctl00_MainContent_rdBtnListOptions_0'];
var radioButton2 = document.forms[0].elements['ctl00_MainContent_rdBtnListOptions_1'];
var radioButton3 = document.forms[0].elements['ctl00_MainContent_rdBtnListOptions_2'];
var radioButton4 = document.forms[0].elements['ctl00_MainContent_rdBtnListOptions_3'];
if (radioButton1.checked == false && radioButton2.checked == false && radioButton3.checked == false && radioButton4.checked == false && countdownCurrent > 0) {
vFlag = false;
}
else {
countdownReset();
vFlag = true;
}
return vFlag;
}
function countdownReset() {
var newCount = parseInt($('#ctl00_MainContent_example2submit').val()) * 100;
if (newCount > 0) { countdownCurrent = newCount; }
}
我面临的问题是,如果我在单选按钮列表中没有选择任何内容的情况下允许计时器流逝...Onclick 事件会触发,回发成功,但是当我选择一个选项时...并且没有单击NEXT 按钮我允许计时器过去......回发不会发生??...... Next按钮如下:
<asp:Button ID="btnNext" runat="server" Height="26px"
OnClientClick="if(!CheckIfOptionSelected()){return false;};"
OnClick="btnNext_Click" Text="Next"
Width="77px" CausesValidation="False" />
最佳答案
像这样尝试:
OnClientClick="return CheckIfOptionSelected();" UseSubmitBehavior="false"
如果函数返回true
,onclick肯定会起作用!
关于javascript - onClientClick 返回 true 时不会触发 OnClick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15727811/