我正在尝试检查输入的值,如果它为空,则重定向页面,如果不为空,则重定向到另一个页面。它本身没有任何值(value),也不代表我实际上想做的事情,它只是一个实验。这个实验应该帮助我实现目标是检查输入,如果为空,则提交表单。如果不为空,则取消表单并重定向到另一个页面。我正在尝试 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,这样你就可以看到页面被重定向了。
关于javascript - 使用 jquery 单击按钮取消表单并重定向页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18554616/