国产探花免费观看_亚洲丰满少妇自慰呻吟_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;    
  • }   
  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表

    圖片精選

    主站蜘蛛池模板: 贵南县| 卢龙县| 陕西省| 马龙县| 久治县| 内乡县| 中牟县| 焦作市| 隆德县| 本溪市| 郸城县| 吉安市| 定陶县| 辽阳县| 溧阳市| 芜湖市| 永城市| 图片| 邵阳市| 龙海市| 左云县| 化州市| 阿拉善右旗| 长汀县| 珠海市| 洛隆县| 泰和县| 句容市| 滁州市| 渭源县| 沂源县| 汶上县| 云龙县| 若尔盖县| 沧州市| 伊宁市| 北京市| 莱阳市| 溆浦县| 太保市| 常熟市|