Position:Home > HTML无刷新提交表单

HTML无刷新提交表单

通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法,是利用iframe框架实现的。现在整理出来分享给大家。第一种:(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页面:form.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;

}

 第二种:(html页面)<!DOCTYPE HTML>&

Recommend:C#(HTML)_小技巧_关于textbox框中不能输入HTML标签的解决方法(如输入“

”后,在提交表单时系统会崩溃)

主要修改文件是config文件(Web.config): 1、在<pages>标签中添加属性:validateRequest="false"

<pages validateRequest="false">

</pages> 2、在<httpRuntime>标签中添加属性:requestValidationMode="2.0"

<httpRuntime

lt;html lang="en-US"><head>

<meta charset="utf-8">

<title>iframe提交表单</title></head><body>

<iframe name="myiframe" style="display:none;" onload="iframeLoad(this);"></iframe>

<form action="form.php" target="myiframe" method="POST">

用户名:<input type="text" name="username" /><br/>

密 码:<input type="password" name="userpwd" /><br/>

<input type="submit" value="登录" />

</form>

<script type="text/javascript">

function iframeLoad(iframe){

var doc = iframe.contentWindow.document;

var html = doc.body.innerHTML;

if(html != ''){

//将获取到的json数据转为json对象

var obj = eval("("+html+")");

//判断返回的状态

if(obj.status < 1){

alert(obj.msg);

}else{

alert(obj.msg);

window.location.href="http://www.baidu.com";

}

}

}

</script></body></html>(PHP页面:form.php)<?php

//设置时区

date_default_timezone_set('PRC');

/*

返回的提交消息

status:状态

msg:提示信息

*/

$msg = array('status'=>0,'msg'=>'');

//获取提交过来的数据

$name = $_POST['username'];

$pwd = $_POST['userpwd'];

//模拟登录验证

$user = array();

$user['name'] = 'jack';

$user['pwd'] = 'jack2014';

if($name != $user['name']){

$msg['msg'] = '该用户未注册!';

$str = json_encode($msg);

echo $str;

exit;

}else if($pwd != $user['pwd']){

$msg['msg'] = '输入的密码错误!';

$str = json_encode($msg);

echo $str;

exit;

}

$msg['msg'] = '登录成功!';

$msg['status'] = 1;

$str = json_encode($msg);

echo $str; 

Recommend:asp.net中,表单提交后,防刷新重复提交、防后退解决办法

为避免操作重复提交,操作后刷新的确是个常见的问题,查了查资料后,发现,解决这个问题原来有个很简单的办法。      asp.net中,表单提交一般在一个事件中,提交后一般会友好的提示一些成功信息,然后重定向到某一个页面(可能还是原提交

Recommend:PHP自学3——在html的

标签中显示用户提交表单

  为了更好地显示用户提交表单,本节将在上一节的基础上将读取的用户表单显示在html的<table>标签中,这一节将用到和数组有关的知识。   本节代码将从外部文件(.txt文件)中读取信息于指定数组中,然后对逐条订单进行处理,最后将处

标签中显示用户提交表单
  • C#(HTML)_小技巧_关于textbox框中不能输入HTML标签的解决方法(如输入“

    ”后,在提交表单时系统会崩溃)

  • Your Answer
    (Ctrl+Enter To Post)   
      Copyright © 2015-2017 163JAVA.COM All Rights Reserved.