国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

基于HTML實現表單提交后不刷新頁面

2019-10-26 17:18:05
字體：大 中 小
來源：轉載
供稿：網友
使用ajax實現表單提交無刷新頁面在項目中經常會用到。前一段時間跟著師傅學到了另外幾種無刷新提交表單的方法，主要是基于iframe框架實現的。現在整理出來分享給大家。
第一種：
（html頁面）
HTML Code復制內容到剪貼板
  • <!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提交數據。 -->     <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頁面：form.php）    
  •    <?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;    
  • }   

    • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表

    圖片精選

    主站蜘蛛池模板： 连平县| 广平县| 定结县| 迁西县| 公主岭市| 石棉县| 天长市| 泰宁县| 南和县| 宕昌县| 苍梧县| 金山区| 宜良县| 新源县| 天气| 建阳市| 工布江达县| 洛隆县| 长宁区| 象州县| 什邡市| 宁夏| 宿州市| 平顶山市| 普安县| 汶川县| 确山县| 吴川市| 西林县| 新安县| 德兴市| 桐乡市| 榆树市| 手机| 邹平县| 庆阳市| 枞阳县| 旺苍县| 瑞丽市| 民权县| 孟村|