本文摘自PHP中文网,作者墨辰?R,侵删。
通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。html页面:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!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 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页面:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <?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 ;
}
|
相关推荐:
thinkphp表单上传文件并将文件路径保存到数据库中
Vue.js实现可配置登录表单步骤详解
Vue.js操作表单控件步骤详解
以上就是php无刷新提交表单另一种方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
页面重绘及回流的优化方法
javascript方法(函数)的定义方式有哪些
bootstrap如何设置表单必填
javascript中方法和函数是什么
在网页中创建表单的目的是什么?
bootstrap表单怎么提交信息
分享dom中的表单操作,节点操作
关于html操作滚动条的方法
如何查看当前文档某个元素的子节点?有几种方法
用html中标签制作表单实例
更多相关阅读请进入《另一种》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » php无刷新提交表单另一种方法