我有一个JavaScript验证函数和一个jquery进度条。 点击按钮,它正在进行一些验证,然后在后台进行一些长时间的数据库查询。我希望在进行此查询时有一个进度条以及在后台进程启动之前执行的JavaScript函数。 这里是调用JavaScript函数的地方
<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish" onClick="disableActiveButtons()">
我的jquery就像::
$('#btnPublish').click(function() {
var val = 0;
var interval = setInterval(function(){
val = val+1;
$('#pb').progressbar({ value: val});
$('#percent').text(val + '%');
if(val == 100){
clearInterval(interval);
}
}, 50);
});
我可以在JavaScript验证函数中包含这个jquery,以便它们都可以工作吗? 如果不是我应该如何实现,以便我也有进度条和JavaScript验证? 感谢
答案 0 :(得分:0)
要在JQuery onClick中调用javascript函数,你可以这样做:
从输入标记中删除onclick属性:
<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish">
并将该函数调用为:
$('#btnPublish').click(function() {
if(!disableActiveButtons())
return false; //cancel the event if validation failed , else continue
var val = 0;
var interval = setInterval(function(){
val = val+1;
$('#pb').progressbar({ value: val});
$('#percent').text(val + '%');
if(val == 100){
clearInterval(interval);
}
}, 50);
});
希望这有帮助。