本文摘自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无刷新提交表单另一种方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
301重定向是什么意思?301的方法有哪些
pushstate、popstate操作url的方法
html怎么去除字体下划线?去除字体下划线方法
jquery判断是否为数字的方法是什么
如何设置表单的input文本框不可编辑
h5表单验证有哪些方法
@import怎么引入css文件?有什么方法
bootstrap如何设置表单必填
html5 新表单元素
vue文件中html代码格式化方法
更多相关阅读请进入《另一种》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » php无刷新提交表单另一种方法