<var id="rzabv"></var>

告別AJAX實現(xiàn)無刷新提交表單

來源：本站原創(chuàng)|時間：2020-01-11|欄目：CSS/HTML|點擊：次

通常對于無刷新提交表單，我們都是運用ajax實現(xiàn)的。前段時間跟著老大了解到另一種無刷新提交表單的方法?，F(xiàn)在整理出來分享給大家。

第一種：

（html頁面）

復(fù)制代碼代碼如下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <title>無刷新提交表單</title>
    <style type="text/css">
        ul{ list-style-type:none;}
    </style>
</head>
<body>
    <iframe name="formsubmit" style="display:none;">
    </iframe>

    <!-- 將form表單提交的窗口指向隱藏的ifrmae,并通過ifrmae提交數(shù)據(jù)。 -->
    <form action="form.php" method="POST" name="formphp" target="formsubmit">
       <ul>
            <li>
                <label for="uname">用戶名：</label>
                <input type="text" name="uname" id="uname" />
            </li>
            <li>
                <label for="pwd">密  碼：</label>
                <input type="password" name="pwd" id="pwd" />
            </li>
            <li>
                <input type="submit" value="登錄" />
            </li>
       </ul>
    </form>
</body>
</html>

（PHP頁面）

復(fù)制代碼代碼如下:

<?php
  //非空驗證
  if(empty($_POST['uname']) || empty($_POST['pwd']))
  {
    echo '<script type="text/javascript">alert("用戶名或密碼為空!");</script>';
    exit;
  }

  //驗證密碼
  if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')
  {
    echo '<script type="text/javascript">alert("用戶名或密碼不正確!");</script>';
    exit;
  } else {
    echo '<script type="text/javascript">alert("登錄成功!");</script>';
    exit;
  }

上一篇：使用css實現(xiàn)全兼容tooltip提示框

欄目：CSS/HTML

下一篇：使用css實現(xiàn)全兼容瀏覽器的三角形

本文標(biāo)題：告別AJAX實現(xiàn)無刷新提交表單

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/11522.html

更多CSS/HTML

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

CSS/HTML

告別AJAX實現(xiàn)無刷新提交表單

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機閱讀