按钮点击jquery取消表单和重定向页面
Button click with jquery cancel form and redirect page
http://jsfiddle.net/nqCFL/
我试图检查输入的值,如果它是空的,则重定向页面,如果不是空的,重定向到另一个页面。它没有任何价值,也不代表我真正想做的事情,它只是一个实验。这个实验旨在帮助我实现目标,即检查输入,如果输入为空,则提交表单。如果不为空,请取消表单并重定向到另一个页面。我正在尝试Botcha,这在想法上是相似的。问题是页面只是在点击按钮时不断刷新,并且从未根据我上面的测试进行重定向。
我的实验是:
<form action="" method="post">
<input type="text" placeholder="issue" class="issue-input" />
<button class="submit button" type="submit">Send</button>
</form>
$(".submit").click(function(){
if($(".issue-input").val().length == 0) {
window.location.href = "http://www.google.com";
} else {
window.location.href = "http://www.yahoo.com";
};
});
因为您的按钮是提交按钮,所以您的点击将提交表单,请尝试使用jquery的preventDefault方法。
$(".submit").click(function (e) {
e.preventDefault();
if ($(".issue-input").val().length == 0) {
window.location.href = "http://www.google.com";
} else {
window.location.href = "http://www.yahoo.com";
};
});
试试小提琴:http://jsfiddle.net/nqCFL/2/,我将url修改为错误url,这样你就可以看到页面被重定向了。
尝试使用:
$(".submit").click(function(){
if($(".issue-input").val() == ''){
window.location.href = "http://www.google.com";
} else {
window.location.href = "http://www.yahoo.com";
};
});
相关文章:
- 如何根据所选选项值重定向表单操作
- 根据答案重定向表单
- Rails jQuery.提交后如何重置表单
- 如何使用单击此处提交重定向表单
- Safari在重定向/表单提交时暂停所有动画
- 防止在没有ajax的情况下提交后重定向表单
- 具有输入类型文件字段的语义UI重置表单
- AngularJS-重置表单
- 重置表单后未删除验证消息
- jQuery,在toggle()中重置表单值
- 使用对话框中的jQuery验证重置表单
- 重定向表单失败
- 提交后重定向表单
- 在提交时使用JavaScript重定向表单插件
- JavaScript重定向表单提交
- 我需要提交表单,并在一个花哨的框中重定向表单提交的父页面
- 如何使用jquery提交和重定向表单?
- 使用下拉字段中的值重定向表单提交上的页面
- 重定向表单用户提交时,基于无线电选择仅
- 我试图在表单提交到一个新页面后,根据用户选择的多个选项(Javascript.html)重定向表单