Javascript 警告消息已赢得'；不能使用jquery

我用下面的代码创建了一个表单。有一个问题我无法解决。问题是，单击“提交”按钮时，警报消息将不起作用

$（文档）.ready（函数（）{
$（“#btn_id”）。单击（函数（）{
var valid=validate（）；
var name_order=$（“#name”）.val（）；
var address_order=$（“#address”）.val（）；
var city_order=$（“#city”）.val（）；
var state_order=$（“#state”）.val（）；
var zipcode_order=$（“#zipcode_id”）.val（）；
var phone_order=$（“#phone_id”）.val（）；
var email_order=$（“#emailid”）.val（）；
var randID_order=$（“#generateID”）.val（）；
var ICCID_order=$（“#ID”）.val（）；
如果（有效）{
$（“表单[name='workorder']）。提交（）；
警报（“名称：“+Name\u order+”\n地址：“+Address\u order+
“\n城市：“+City\u order+”\n州：“+State\u order”+
“\n Zipcode:”+Zipcode\u order+“\n Phone:”+Phone+
“\n电子邮件：“+Email\u order+”\n ID:“+randID\u order”+
“\n SIM卡：”+ICCID\u订单）
}
});
//如果字段未输入，则发出警报
函数验证（）{
如果（document.workorder.name.value==“”）{
警告（“请提供您的姓名！”）
document.workorder.name.focus（）；
返回false；
}
如果（document.workorder.address.value==“”）{
警报（“请提供您的地址！”）
document.workorder.address.focus（）；
返回false；
}
如果（document.workorder.city.value==“”）{
警告（“请提供您的城市！”）
document.workorder.city.focus（）；
返回错误
}
如果（document.workorder.state.value==“-1”）{
警报（“请选择您的状态！”）
document.workorder.state.focus（）；
返回错误
}
如果（document.workorder.zipcode.value==“”）{
警告（“请提供您的Zipcode！”）
document.workorder.zipcode.focus（）；
返回false；
}
如果（document.workorder.phone.value==“”）{
提醒（“请提供您的手机！”）
document.workorder.zipcode.focus（）；
返回false；
}
var email=document.workorder.emailid.value；
atpos=email.indexOf（“@”）
dotpos=email.lastIndexOf（“.”）
如果（电子邮件=“”| | atpos<1 | |（dotpos-atpos<2））{
警告（“请提供您的Zipcode！”）
document.workorder.emailid.focus（）；
返回false；
}
控制台日志（“已验证”）；
返回（真）；
}
//生成一个随机ID
函数randomString（）{
变量字符串长度=8；
var chars=“abcdefghijklmnopqrstuvxyz012345678”；
var text=“”；
对于（变量i=0；i

工作指令表
工作指令表
名称
地址
城市
陈述
选择。。
艾尔
AK
阿兹
应收账
加利福尼亚州
一氧化碳
计算机断层扫描
判定元件
佛罗里达州
GA
你好
身份证件
白细胞介素
在里面
IA
KS
基尼
洛杉矶
我
医学博士
医疗保险
锰
太太
卫生官员
机器翻译
氖
内华达州
全日空航空公司
新泽西州
纳米
纽约
数控
钕
哦
好啊
或
帕
RI
联合国安全理事会
SD
总氮
德克萨斯州
美国犹他州
及物动词
弗吉尼亚州
华盛顿州
WV
WI
WY
Zipcode
电话
电子邮件
提交
当您填写表单时，您将离开页面。警报（）永远不会触发！尝试将代码更改为：

 if (valid)
  {
   alert(" Name :" + name_order + " \n Address : " + address_order + 
      " \n City : " + city_order + " \n State: " + state_order+ 
      " \n Zipcode: " + zipcode_order + " \n Phone: " + phone + 
      " \n Email: "+ email_order + " \n ID: " + randID_order + 
      " \n SIM Card: " + ICCID_order);
    $("form[name='workorder']").submit();

  }


代替$（按钮）。单击（）使用$（表单）。为您的侦听器提交
在您的代码中，表单没有post位置。现在，您可以在submit anonymous函数的底部添加一个return false
您在警报呼叫中引用了一个未定义的变量“phone”

$("form#form_id").submit(function() {
var valid = validate();
var name_order = $("#name").val();
var address_order = $("#address").val();
var city_order = $("#city").val();
var state_order = $("#state").val();
var zipcode_order = $("#zipcode_id").val();
var phone_order = $("#phone_id").val();
var email_order = $("#emailid").val();
var randID_order = $("#generateID").val();
var ICCID_order = $("#ID").val();

if (valid) {    
    // you don't need to manually submit it since we attached to the submit listener above instead of click
  // $("form[name='workorder']").submit();
  alert(" Name :" + name_order + " \n Address : " + address_order +
    " \n City : " + city_order + " \n State: " + state_order +
    " \n Zipcode: " + zipcode_order + " \n Phone: " + phone_order +  // you had a bad reference here
    " \n Email: " + email_order + " \n ID: " + randID_order +
    " \n SIM Card: " + ICCID_order)
}
// return false until you put in a proper post location
return false;

}))


我在一个带有注释的示例中修复了所有这些问题，因此它可以工作，但您知道为什么我的ID和生成ID不能包含？？因此它可以工作，但您知道为什么我的ID和生成ID不能包含？？。我看到了弹出的消息，但很明显你有html标记。我将JSFIDLE更改为使用测试值将generateId和ID的html标记更新为，以向您展示它是如何工作的。