POST方法即使if条件失败也能工作
POST method working even the if condition fails
我有一个表单元素,里面有一些内容,如下所示。
<form action="insertserverdata.php" id="toPopup">
<table>
<tr>
<td>IP address:</td>
<td><input type="text" id="ip" /></td>
</tr>
<tr>
<td>Port:</td>
<td><input type="text" id="port" /></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit"/>
</td>
</tr>
</table>
</form>
和以下jQuery代码。
$("#toPopup").submit(function(event){
if($('#ip').val()=="") {
alert("IP field is Empty");
}else if($('#port').val()=="") {
alert("Port field is Empty");
}else {
//else code to be executed.
}
});
这个else-if阶梯的最后一个else块包含了向insertserverdata.php提交数据的代码。我的意图是只有在两个文本字段填充了一些数据时才重定向到insertserverdata.php。但是当我点击提交按钮的文本字段内没有文本,jquery的if块将工作得很好,之后它会重定向到insertserverdata.php页面,但我不希望这样。我需要找什么零钱来填满呢?朋友们,请帮帮我。
尝试在每次无效检查时返回false,例如
$("#toPopup").submit(function(event){
if($('#ip').val()=="") {
alert("IP field is Empty");
return false;
}else if($('#port').val()=="") {
alert("Port field is Empty");
return false;
}
//Do the stuff
});
还有一件事,在你的html
试试这个,
$("#toPopup").submit(function(event){
event.preventDefault();
if($('#ip').val()=="") {
alert("IP field is Empty");
}else if($('#port').val()=="") {
alert("Port field is Empty");
}else {
//else code to be executed.
return true;
}
return false;
});
尝试下面的方法,如果两个错误消息都为空,则显示两个错误消息,然后返回true,而不是显示其中一个错误消息。
$("#toPopup").submit(function(event){
var errors = false;
if($.trim($('#ip').val())=="") {
alert("IP field is Empty");
errors = true;
}
if($.trim($('#port').val())=="") {
alert("Port field is Empty");
errors = true;
}
if(errors){
return false;
}else{
//else code to be executed.
}
});
相关文章:
- Ajax调用PHP失败,ASP正常工作.NET
- jQuery代码在Firefox中工作,但在IE中失败
- $.getJSON 到一个带有 include_once 的 php 失败了,但它完成了工作
- 在什么情况下,应该.deep.equal失败,但使用JSON.stringify进行比较工作正常
- Javascript正则表达式在IE中失败,但在Chrome和Edge中工作
- 复选框选择/取消选择触发器第一次工作,但在随后的尝试中失败
- Highcharts在jsfiddle上工作,但在现场失败
- AES解密在伪造中失败,但在crypto-js中工作
- 按内容匹配元素在控制台中工作,在“现实生活中”失败
- 弹出表单失败,但在 JsFiddle 中,它可以工作
- 通过请求从代码中获取 Dropbox OAuth 令牌.js失败;等效卷曲工作
- 在暂存服务器中工作但在生产中失败的无效 URL
- JQuery AJAX调用本地更新脚本在Safari中失败,在Chrome和FF中工作
- chrome.hid.send 在 PC 上失败,但在 Mac 上工作
- Ajax 调用在 chrome/safari 中工作,但在 ff 和 ie 中失败
- jQuery没有'表单验证失败后无法工作
- window.open在内联脚本中返回null并失败,但可以在控制台中工作
- Javascript regex在在线验证器上工作,但在代码中失败
- jquery.ajax代码,在firefox中工作,但在所有其他浏览器中都失败
- Angular Meteor应用程序在localhost中工作,但在部署到服务器时失败