alert提示后如何阻止页面的跳转

uou2009 2011-07-04 04:04:21

当点击approve button时会调用js验证，成功后跳转到Success页面

现在的问题是当点击button，验证不通过，跳出alert提示后，程序仍然在继续执行并跳转到Success页面

如何在js验证不成功时阻止跳转始终留在该页面。

请指点，谢。

...全文

941 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

mifan_cs 2012-12-26

打赏
举报

#11楼正解

<input type="submit" onclick="return display()" value="确认" />

display()即为判定返回值的函数，return的值为true，则跳转；否则滞留当前页面。

长笛党希望 2011-08-04

打赏
举报

如果用<form action>的话，只能使用return了。。

lsw645645645 2011-07-04

打赏
举报

return false

ycproc 2011-07-04

打赏
举报

最简单的是你做一个遮罩层
你弹出的是一个层
在你的层里面去判断这样就简单多了

豆虫 2011-07-04

打赏
举报

[Quote=引用楼主 uou2009 的回复:]
当点击approve button时会调用js验证，成功后跳转到Success页面

现在的问题是当点击button，验证不通过，跳出alert提示后，程序仍然在继续执行并跳转到Success页面

如何在js验证不成功时阻止跳转始终留在该页面。

请指点，谢。
[/Quote]
如果是表单如果按钮是submit的 <form onsubmit=return 校验函数();> 这时候就是1楼说的return false 就OK了 ;如果是button 校验函数写在其onclick事件中那这时候不跳转就要写成return;

如果不是表单一般情况写成return;也就可以了

xs8577 2011-07-04

打赏
举报

哎呀呀，这样不知道行不行，平常我都是在元素或表单里面写 onclick="return fun()" 的

xs8577 2011-07-04

打赏
举报



    $("a:contains('Apply')").bind("click",sales_budget_Validation);

改成



    $("a:contains('Apply')").bind("click",function(){return sales_budget_Validation});

燥动的心 2011-07-04

打赏
举报

[Quote=引用 4 楼 uou2009 的回复:]

3楼，return false 没用，跳出提示框后页面仍然在跳转
[/Quote]
看你好像是一个A链接，但是也可以啊。

<html>



<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){



$("input:submit").click(function() {

    alert('1');

    return false;

});

$("a").bind('click',clk);

});



function clk(){

  alert(2);

   return false;

}





</script>

</head>



<body>

<form method="post" action='b.html'>

 

<input type="submit" value='submit' style="height: 26px"/>

<a href='b.html'  >2</a>

</form>

</body>



</html>

javashare 2011-07-04

打赏
举报

学习学习

uou2009 2011-07-04

打赏
举报

[Quote=引用 5 楼 aspwebchh 的回复:]

引用 2 楼 uou2009 的回复:

JScript code

function initForm() {
sales_Validation();
}
function sales_Validation(){
$("a:contains('Apply')").bind("click",sales_budget_Validation);
};
function sales……
[/Quote]

<script type="text/javascript">

  $(function() {

	initForm();

  });

</script>

挨踢直男 2011-07-04

打赏
举报

[Quote=引用 2 楼 uou2009 的回复:]

JScript code

function initForm() {
sales_Validation();
}
function sales_Validation(){
$("a:contains('Apply')").bind("click",sales_budget_Validation);
};
function sales_budget_Validation……
[/Quote]
html上你是如何使用这个函数的?

uou2009 2011-07-04

打赏
举报

3楼，return false 没用，跳出提示框后页面仍然在跳转

燥动的心 2011-07-04

打赏
举报

<html>



<head>

<script type="text/javascript" src="jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("p").click(function(){

  $(this).hide();

});



$("input:submit").click(function() {

    alert('1');

    return false;

});

});





</script>

</head>



<body>

<form method="post" action='b.html'>

 

<input type="submit" value='submit' style="height: 26px"/>

</form>

</body>



</html>

uou2009 2011-07-04

打赏
举报



function initForm() {

	sales_Validation();

}

function sales_Validation(){

	$("a:contains('Apply')").bind("click",sales_budget_Validation);	

};

function sales_budget_Validation(){

	if ($("#P66_IS_SALES").val() == 'Y' && $("#P66_FORM_ID").val() != '' && $("#P66_TOTAL_BASE_AMT").val() != 0 ){

			alert("已经超过总额");

                      return false;

		}

		

	}

};