一个网页中与Javascript相关的多个表单

一个网页中与Javascript相关的多个表单,javascript,jquery,forms,Javascript,Jquery,Forms,我想在同一页上有两个表单,一个用于用户注册,另一个用于编辑公司名称。这就是我到目前为止取得的成绩 test001.js: $(文档).ready(函数(){ $(函数(){ $(“#对话框”)。对话框({ 自动打开:错误 }); $(“#按钮”)。在(“单击”,函数(){ $(“对话框”)。对话框(“打开”); }); }); //正在验证表单字段。。。。。 $(“#提交”)。单击(功能(e){ var email=$(“#email”).val(); var comnpanyname=$(“

我想在同一页上有两个表单,一个用于用户注册,另一个用于编辑公司名称。这就是我到目前为止取得的成绩

test001.js:


$(文档).ready(函数(){
$(函数(){
$(“#对话框”)。对话框({
自动打开:错误
});
$(“#按钮”)。在(“单击”,函数(){
$(“对话框”)。对话框(“打开”);
});
});
//正在验证表单字段。。。。。
$(“#提交”)。单击(功能(e){
var email=$(“#email”).val();
var comnpanyname=$(“#公司名称”).val();
var lastname=$(“#lastname”).val();
var password=$(“#password”).val();
var emailReg=/^([^()\[\]\,;:\s@\“]+(\.[^()\[\]\,;:\s@\“]+)*)([^()[\]\,;:\s@\“]+\)+[^()[\]\,:\s@\“]{2,}$/i;
如果(firstname==''| | lastname==''| |密码==''| | email==''){
警告(“请填写所有字段!”);
e、 预防默认值();
}如果(!(电子邮件).match(电子邮件注册)){
警报(“无效电子邮件!”);
e、 预防默认值();
}否则{
警告(“表格提交成功”);
}
});
});
test001.css

@import”http://fonts.googleapis.com/css?family=Droid+衬线”;
/*上面一行用于在线谷歌字体*/
氢{
文本对齐:居中;
字号:24px
}
人力资源{
边际下限:30px
}
p{
颜色:#000;
字体大小:16px;
字号:700
}
#按钮,#按钮2{
边框:1px实心#0c799e;
宽度:250px;
填充:10px;
字体大小:16px;
字号:700;
颜色:#fff;
边界半径:3px;
背景:线性梯度(至底部,#59d0f8 5%,#49c0e8 100%);
光标:指针
}
#按钮:悬停,#按钮2:悬停{
背景:线性梯度(至底部,#49c0e8 5%,#59d0f8 100%)
}
输入[类型=文本]{
边缘顶部:5px;
边缘底部:20px;
宽度:96%;
边界半径:5px;
边界:0;
填充:5px0
}
#名、姓、电子邮件、密码、公司{
左侧填充:10px
}
输入[类型=提交]{
宽度:30%;
边框:1px实心#59b4d4;
背景#0078a3;
颜色:#eee;
填充:3px0;
边界半径:5px;
左缘:33%;
光标:指针
}
输入[类型=提交]:悬停{
边框:1px实心#666;
背景:#555;
颜色:#fff
}
.ui对话框.ui对话框内容{
填充:2米
}
/*960x610*/
分区集装箱{
宽度:500px;
高度:300px;
保证金:50px自动;
字体系列:“Droid衬线”,衬线;
职位:相对
}
货柜组2{
宽度:960px;
高度:610px;
保证金:50px自动;
字体系列:“Droid衬线”,衬线;
职位:相对
}
主分区{
宽度:320px;
利润上限:35px;
浮动:左;
填充:10px 55px 25px;
背景色:rgba(204191,0.51);
边框:15px实心#fff;
盒影:0 10px;
边界半径:2px;
字体大小:13px;
文本对齐:居中
}
第2分部{
宽度:320px;
利润上限:35px;
浮动:左;
填充:10px 55px 25px;
背景色:rgba(204191,0.51);
边框:15px实心#fff;
盒影:0 10px;
边界半径:2px;
字体大小:13px;
文本对齐:居中
}

jQuery对话框表单示例
名字:
姓氏:
电邮:
密码:
jQuery对话框表单示例
单击下面的按钮查看jQuery对话框表单

新公司名称: jQuery对话框表单示例 单击下面的按钮查看jQuery对话框表单


我希望我激活的表单是经过评估的表单。现在,需要评估的是地址/登录信息的表单。我想我需要一些代码snipplet,让med能够在Javascript中将表单作为不同的文档处理?

您有多个id为submit的submit按钮-只需将它们更改为唯一的-如果您使用
id
属性,它们对于页面应该始终是唯一的

例如,对一个用户使用
userRegistrationSubmit
,然后更改:

$("#submit").click(function(e) {


您可以调用另一个
公司名称更改提交

您有多个id为
提交
的提交按钮-只需将它们更改为唯一-如果您使用
id
属性,它们对于页面应始终是唯一的

例如,对一个用户使用
userRegistrationSubmit
,然后更改:

$("#submit").click(function(e) {


你可以打电话给另一家公司NameChangeSubmit

谢谢,Jamiec,你给我指出了正确的方向,我解决了它:-)结果如下:

$(文档).ready(函数(){
$(函数(){
$(“#用户对话框”).dialog({
自动打开:错误
});
$(“#公司对话框”)。对话框({
自动打开:错误
});
$(“#用户按钮”)。在(“单击”,函数(){
$(“#用户对话框”).dialog(“打开”);
});
$(“#公司按钮”)。在(“单击”,函数(){
$(“#公司对话框”)。对话框(“打开”);
});
});
//正在验证表单字段。。。。。
$(“#用户提交”)。单击(函数(e){
var email=$(“#email”).val();
var comnpanyname=$(“#公司名称”).val();
var lastname=$(“#lastname”).val();
var password=$(“#password”).val();
var emailReg=/^([^()\[\]\,;:\s@\“]+(\.[^()\[\]\,;:\s@\“]+)*)([^()[\]\,;:\s@\“]+\)+[^()[\]\,:\s@\“]{2,}$/i;
如果(firstname==''| | lastname==''| |密码==''| | email==''){
警告(“请填写所有字段!”);
e、 预防默认值();
}如果(!(电子邮件).match(电子邮件注册)){
警报(“无效电子邮件!”);
e、 预防默认值();
}否则{
警告(“表格提交成功”);
}
});
});

谢谢你,杰米克,你给我指出了正确的方向,我解决了它:-)结果如下:

$(文档).ready(函数(){
$(函数(){
$(“#用户对话框”).dialog({
自动打开:错误
});
$(“#公司对话框”)。对话框({
自动打开:错误
});
$(“#用户按钮”)。在(“单击”,函数(){
$(“#用户对话框”).dialog(“打开”);
});
$(“#公司按钮”)。在(“单击”,函数(){
$(“#公司对话框”)。对话框(“打开”);
});
});
//正在验证表单字段。。。。。
$(“#用户提交