js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID

js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID,第1张

这个建议你用ajax来完成。

以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){

//成功以后做需要什么

}

)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9987917.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存