Une autre façon de soumettre un formulaire en php sans actualiser-tutoriel HTML-php.cn

Une autre façon de soumettre un formulaire en php sans actualiser

墨辰丷

Libérer： 2018-05-09 22:12:15

original

1493 Les gens l'ont consulté

Habituellement, nous utilisons ajax pour soumettre des formulaires sans les actualiser. Il y a quelque temps, j'ai découvert une autre façon de soumettre un formulaire sans actualiser. Maintenant, je l’ai réglé et je l’ai partagé avec tout le monde.

page html :

<!DOCTYPE HTML>
<html>
<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>

Copier après la connexion

page php :

<?php
  //非空验证
  if(empty($_POST[&#39;uname&#39;]) || empty($_POST[&#39;pwd&#39;]))
  {
    echo &#39;<script type="text/javascript">alert("用户名或密码为空!");</script>&#39;;
    exit;
  }

  //验证密码
  if($_POST[&#39;uname&#39;] != &#39;jack&#39; || $_POST[&#39;pwd&#39;] != &#39;123456&#39;)
  {
    echo &#39;<script type="text/javascript">alert("用户名或密码不正确!");</script>&#39;;
    exit;
  } else {
    echo &#39;<script type="text/javascript">alert("登录成功!");</script>&#39;;
    exit;
  }

Copier après la connexion

Recommandations associées :

Le formulaire thinkphp télécharge les fichiers et enregistre le chemin du fichier dans la base de données

Vue.js implémente une connexion configurable Détaillée explication des étapes du formulaire

Explication détaillée des étapes de contrôle du formulaire d'opération Vue.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!