告别AJAX实现无刷新提交表单
告别AJAX实现无刷新提交表单
发布时间:2016-12-29 来源:查字典编辑
摘要:通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。第一种:(ht...

通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。

第一种:

(html页面)

复制代码 代码如下:

<!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">

</iframe>

<>

<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页面)

复制代码 代码如下:

<?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;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类