Ajax+asp应用实例 注册模块,表单提交

<!--注册模块-->default.asp

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Ajax - Sample1</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //请一定要将此页的编码设为UTF-8,否则将出现乱码

<meta name="author" content="tonyhl[at]126.com" />

<meta http-equiv="pragma" content="no-cache"/>

<script language="javascript" type="text/javascript" src="reg.js"></script>

<link rel="stylesheet" href="css.css" type="text/css" media="all"/>

<style type="text/css">

<!--

#Layer1 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 409px;

top: 88px;

}

-->

</style>

</head>

<body>

<h2>Ajax应用实例: 注册模块</h2>

<div id="Layer1">

<div id="msg"></div>

</div>

ID: <input type="text" id="regid" />

Password: <input type="password" id="regpassword" />

<input name="f" type="file" />

<input type="submit" id="regsubmit" value="注册" onclick="Check()" />

<h2>当注册ID为 tony的用户时,后台验证该ID已存在,返回提示信息<br />

为突出显示无刷新效果,服务器端程序将自动进行百万加法运算

</h2>

</body>

</html>

复制代码 代码如下:

<!----表单数据提交脚本--->REG.JS

function GE(a){return document.getElementById(a);}

function Check(){

if(GE('regid').value==''){GE('msg').innerHTML='ID不能为空';return false}

if(GE('regpassword').value==''){GE('msg').innerHTML='password 不能为空';return false}

var X=new ActiveXObject("Msxml2.XMLHTTP");

if(X){

GE('regsubmit').disabled=true;

X.onreadystatechange=function(){

if(X.readyState==4){

if(X.status==200){

eval(X.responseText)

}

else{GE('msg').innerHTML=X.statusText}

}

else{GE('msg').innerHTML="正在提交数据..."}

};

X.open('POST','reg.asp',true);

X.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

var SendData = 'regid='+GE('regid').value+'&regpassword='+GE('regpassword').value+'&file='+GE('f').value

X.send(SendData)

}

else{

GE('msg').innerHTML='你的浏览器不支持XMLHttpRequest'

}

}

<!---程序处理--->reg.asp

复制代码 代码如下:

<%@ LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>//CODEPAGE必须为650001,否则也出现乱码,如果有HTML文字,一定设为UTF-8编码,否则将出现乱码.

<%

Dim regid, regpassword, str

regid=Request.Form("regid")

regpassword=Request.Form("regpassword")

f=Request.Form("file")

Dim i, ii

ii = 0

For i = 0 To 1000000

ii = ii + i

Next

If regid="" or regpassword="" then

str = "ID和PASSWORD必须填写"

Else

If regid <> "tony" Then

str = "注册成功,ID为" & regid & " , 密码为" & regpassword&f

Else

str = "注册失败,ID已经存在"

End If

End if

Response.Write "GE('msg').innerHTML='" & str & "';GE('regsubmit').disabled=false"

Response.End

%>

时间: 2024-10-30 06:37:44

Ajax+asp应用实例 注册模块,表单提交的相关文章

Ajax+asp应用实例 注册模块,表单提交_应用技巧

<!--注册模块-->default.asp 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

ajax跨域(基础域名相同)表单提交的方法_AJAX相关

本文实例讲述了ajax跨域(基础域名相同)表单提交的方法.分享给大家供大家参考.具体如下: 1.要在做ajax提交的页面中添加如下js语句: <script type="text/javascript"> document.domain="基础域名"; </script> 2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(&q

ajax跨域(基础域名相同)表单提交的方法

本文实例讲述了ajax跨域(基础域名相同)表单提交的方法.分享给大家供大家参考.具体如下: 1.要在做ajax提交的页面中添加如下js语句: <script type="text/javascript"> document.domain="基础域名"; </script> 2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(&q

javascript制作的简单注册模块表单验证_javascript技巧

一个注册框  进行表单验证处理 如图 有简单的验证提示功能 代码思路也比较简单 输入框失去焦点时便检测,并进行处理 表单具有 onsubmit = "return check()"行为,处理验证情况 点击提交表单按钮时,进行最终的验证,达到是否通过表单提交的请求. 先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{position:relative;mar

php表单提交实例讲解_php技巧

本文为大家分享了一个特别简单的php表单提交实例,具体的实现步骤如下: 实例代码如下: <form action="someform.php" method="post"> <table width="541" border="0"> <tr> <td width="26%">姓名:</td> <td width="74%"

php教程之表单提交实例

下面我们将创建一个复杂的表单,代码如下所示.  代码如下 复制代码 <form action="someform.php" method="post"><table width="541" border="0"> <tr> <td width="26%">姓名:</td> <td width="74%"><in

JS两种类型的表单提交方法实例分析_javascript技巧

本文实例分析了JS两种类型的表单提交方法.分享给大家供大家参考,具体如下: 1.原始的 <form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"> <button type="submit" class="button red" style="

jquery插件EasyUI中form表单提交实例分享_jquery

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参. 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改.下面的一张截图是具体的业务需求. 一.要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台.下面是表单代码. 二.表单代码 <div id="Editwin" class="easyui-window" title=&

把HTML表单提交的数据转化成XML文件

通常,在asp中进行的form表单提交的数据都被写进数据库管理系统中去,如果你想要你的数据是方便携带的数据,你可以把它写进一个XML文件中去.这种方法是跨平台的,因此你所收集的信息不需要进行转换.为了实现上面的想法,你必须先利用Microsoft XMLDOM建立一个XML文件,Microsoft XMLDOM对象有一个扩展对象库,它可以创建组成XML文件所需要的元素.属性.属性值.    当XMLDOM对象实例化以后,必须对各个元素进行引用来建立XML的结构,下面的例子就是先建立根元素,并把她