以jq的ajax为例
==============
$("#form").submit(function(){
var strArray=$(this).serializeArray()//将form表单转为数组形式序列化表单
$.post("你要提交的后台页面地址",strArray,function(result,status){
//result是由后台返回的id
//status是状态,为success时成功。
if(status=="success"){
window.open("要打开的新窗口地址?id="+result)//打开一个新窗口,并用get方法传入id
}
})
return false//此句是防止页面提交
})
=================
以上是jq代码。
后台代码,要看你用的是什么语言了。
比如说php,有个msyql_insert_id()可以获取最后一条插入记录的id。
如果是asp,可以用select top 1 id from 表 order by id desc的方法来获取id。
=================
后台插入数据库的代码,就由你自己来写了。
新打开的窗口,只需获取id即可
把我的js验证表单代码给你吧:var myreg =/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
function reg_check(){
if(document.form1.username.value.match(/^[a-zA-Z]*/) == ''){
alert('用户名不能为空且必须以字母开头!')
document.form1.username.focus()
return false
}
else if(document.form1.userpwd.value.length==0){
alert('密码不能为空!')
document.form1.userpwd.focus()
return false
}
else if(document.form1.userpwd.value.length<6||document.form1.userpwd.value.length>16){
alert('密码长度不得小于6且大于16位!')
document.form1.userpwd.focus()
return false
}
else if(document.form1.userpwd.value.length<6||document.form1.userpwd.value.length>16){
alert('密码长度不得小于6且大于16位!')
document.form1.userpwd.focus()
return false
}
else if(document.form1.confirmpwd.value!=document.form1.userpwd.value){
alert('两次密码输入不一致!')
document.form1.confirmpwd.focus()
return false
}
else if(document.form1.email.value.length==0){
alert('邮箱不能为空!')
document.form1.email.focus()
return false
}
else if(!myreg.test(document.form1.email.value)){
alert('邮箱格式错误!')
document.form1.email.focus()
return false
}
else {
document.form1.submit()
}
}
<form name="form1" action="" method="post">
<input type="text" name="username" />
<input type="password" name="userpwd" />
<input type="password" name="confirmpwd" />
<input type="text" name="email" />
<input type="submit" name="submit" onclick="return reg_check() " />
</form>
var ajax_option={url:"login",//默认是form action
success:function(data){
//成功以后做需要什么
}
$('#form').ajaxSubmit(ajax_option) //ajax的form提交技术,也可以把ajax_option写进来
$('#form').ajaxSubmit(
{
url:"login",//默认是form action
success:function(data){
//成功以后做需要什么
}
)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)