告别AJAX实现无刷新提交表单
更新时间：2014年05月20日 09:13:05 作者：
通常对于无刷新提交表单，我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。
通常对于无刷新提交表单，我们都是运用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" 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页面）
复制代码 代码如下:
<?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;
}
相关文章
随着越来越多的网站使用HTTPS加密，现在HTTPS的使用已经成了硬性要求了。虽然说https是http的安全版，但两者还是有不少区别的。本文从https、http的概念和原理入手，讲解他们的不同，让读者朋友能够真正理解。2022-12-12
从今天开始，我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难？”的专栏里。当然由于振之的水平有限，所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析，要有自己的判断，欢迎各位朋友提出自己的看法与意见。2008-04-04
为了兼容和区分多浏览器我们需要用一些css hack来解决这些问题，但不建议用，能不用则不用2008-08-08
固定右栏宽度, 左栏内容先出现同时自适应宽度的布局...2007-01-01
div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。2008-01-01
css下!important效果演示代码2008-04-04
最近有不少人都提及了网页上该如何选择字体的问题。问题虽然小，但是却是前端开发中的基本，因为目前的网页，还是以文字信息为主，而字体，作为文字表现形式的最重要参数之一，自然有着相当重要的地位。2008-09-09
这个是form里面的name与id的区别2008-07-07
非常用创意的用ul+li实现的细线表格效果，不用table2008-08-08
今天访问好多网站包括百度，启点等网站都变成了黑白色界面，体现大家对于四川地震的深切哀悼，但有好的站长不一定知道是什么方法，还以为是大量改版，对于任何人都不是很轻松的事，特将本站的解决方法告诉大家。2008-05-05
最新评论