Home > Article > Web Front-end > Another way to submit form in php without refreshing
Another way to submit form in php without refreshing
- 墨辰丷Original
- 2018-05-09 22:12:151454browse
Usually for non-refresh submission forms, we use ajax to implement it. Some time ago I learned about another way to submit a form without refreshing. Now I’ve sorted it out and shared it with everyone.
html page:
<!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>php page:
<?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;
}Related recommendations:
thinkphp form uploads files and saves the file path to the database
Detailed explanation of the steps to implement a configurable login form with Vue.js
Detailed explanation of the steps for Vue.js to operate form controls
The above is the detailed content of Another way to submit form in php without refreshing. For more information, please follow other related articles on the PHP Chinese website!