Maison > Article > interface Web > Une autre façon de soumettre un formulaire en php sans actualiser
Une autre façon de soumettre un formulaire en php sans actualiser
- 墨辰丷original
- 2018-05-09 22:12:151497parcourir
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>page 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;
}Recommandations associé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!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment créer une page d'accueil de Baidu avec HTMLArticle suivant：Comment créer une page d'accueil de Baidu avec HTML