php - if条件が失敗しても機能するPOSTメソッド

Question

以下に示すように、内部にいくつかのコンテンツを含むフォーム要素があります。

<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に送信するためのコードが含まれています。私の意図は、2 つのテキスト フィールドに何らかのデータが入力されている場合にのみ、insertserverdata.php にリダイレクトすることです。しかし、テキスト フィールド内にテキストがない状態で送信ボタンをクリックすると、jquery の if ブロックが正常に動作し、その後、insertserverdata.php ページにリダイレクトされますが、それは望ましくありません。 . 友達を助けてください。

Answer 1

これを試して、

$("#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;
});