[英]javascript form doesn't work
我试图创建一个JavaScript表单,但无法正常工作。 出现的错误是
请限制每本杂志500份或更少
函数display(){var totprice; var fname,lname,fullname,addr,postocde,email,电话,lstitem,数量,性别; var prditem1,prditem2,prditem3,summer2012,autumn2012,winter2012,totqty; var orddate; fname = document.form1.fname.value; lname = document.form1.lname.value; // fullname = fname +“” + lname; 性别= document.form1.gender.value; addr = document.form1.address.value; 邮政编码= document.form1.address.value; 电子邮件= document.form1.email.value; 电话= document.form1.telephone.value; prditem1 = document.form1.summer.value; prditem2 = document.form1.autumn.value; prditem3 = document.form1.winter.value; summer2012 = parseInt(document.form1.summer2012.value); Autumn2012 = parseInt(document.form1.autumn2012.value); winter2012 = parseInt(document.form1.winter2012.value); totqty = 2012年夏季+ 2012年秋季+ 2012年冬季; orddate =新的Date(); dispdate = orddate.getMonth()+ 1 +“-” + orddate.getDate()+“-” + orddate.getYear(); var alertmsg =''; var字母= = / ^ [a-zàâçéèêëîïôûôüÿüÿñ-] * $ / i var字母数字= /^[a-zA-Z0-9/./,/-/\\n]+$/; var addrtxt = addr.replace(/(\\ x0a \\ x0d | \\ x0d \\ x0a)/ g,“ \\ n”); var chkpostcode = / ^((GIR 0AA)|((([[A-PR-UWYZ] [A-HK-Y]?[0-9] [0-9]?] ||(([A-PR-UWYZ ] [0-9] [A-HJKSTUW])|([A-PR-UWYZ] [A-HK-Y] [0-9] [ABEHMNPRV-Y])))[0-9] [ABD-HJLNP -UW-Z] {2})))$ / var chktelephone = / ^ 0 \\ d {9,10} $ / var chkEmail = /^.+@.+..+$/ var chkquantity = / ^([1 -9]?\\ d | [1-4] \\ d {2} | 500)$ / if(chkEmail.test(email)== false){alertmsg = alertmsg +“请输入有效的电子邮件。” +“ \\ n”; } if(((alphabetic.test(fname)== false)||(alphabetic.test(lname)== false)){alertmsg = alertmsg +“名称应使用字母:” +“ \\ n”; } if(chktelephone.test(telephone)== false){alertmsg = alertmsg +“电话号码应为数字:” +“ \\ n”; } if(chkpostcode.test(postcode)== false){alertmsg = alertmsg +“邮政编码应使用字母和数字:” +“ \\ n”; } if(alphanumeric.test(addrtxt)== false){alertmsg = alertmsg +“地址应为字母数字:” +“ \\ n”; }性别var = document.form1.gender [0] .checked; var female1 = document.form1.gender [1] .checked; if(!gender &&!gender1){alertmsg = alertmsg +“请选择您的性别\\ n”} if((((document.form1.summer.checked)&&(summer2012 <= 0))||(((document.form1。 autumn.checked)&&(autumn2012 <= 0))||((document.form1.winter.checked)&&(winter2012 <= 0))){alertmsg = alertmsg +“请输入数量” +“ \\ n”; } else if((((!document.form1.summer.checked)&&(summer2012> 0))||(((!document.form1.autumn.checked)&&(autumn2012> 0))||(((!document.form1 .winter.checked)&&(winter2012> 0)))){alertmsg = alertmsg +“请选择产品” +“ \\ n”; } var f = document.form1; 如果(!f.summer.checked &&!f.autumn.checked &&!f.winter.checked){alertmsg = alertmsg +“请选择至少一本杂志” +“ \\ n”; }如果(chkquantity.test(quantity)<= 500){alertmsg = alertmsg +“请将每本杂志的数量限制为500份或更少:” +“ \\ n”; }如果(alertmsg!=“”){alertmsg =“请输入以下值\\ n” + alertmsg; 警报(alertmsg); } else {fullname = formatName(fname,lname); totprice = totalprice(); } // alert(“感谢您提交详细信息”); 函数totalprice(){var totprice = 0; var price = new Array(); 价格[0] = 20.00; 价格[1] = 20.00; 价格[2] = 20.00; var Quantity = new Array(); 数量[0] = parseInt(document.form1.summer2012.value); 数量[1] = parseInt(document.form1.autumn2012.value); 数量[2] = parseInt(document.form1.winter2012.value); 对于(i = 0; i <3; i ++){totprice = totprice + Quantity [i] * price [i]; } return(totprice); }}
谁能说出我做错了什么? 任何帮助将不胜感激。 谢谢
这是html-
<form name="form1" method="post">
<fieldset id="fieldset">
<legend id="legend">Order the latest Saraysounds Magazine</legend>
<table width="500" border=0 align="left" cellpadding="4" cellspacing="4">
<tr>
<td colspan="2"><div align="left">First
Name</div></td>
<td colspan="2"><input type="text" name="fname"/>
</td>
</tr>
<tr>
<td colspan="2"><div align="left">Second
Name</div></td>
<td colspan="2">
<input type="text" name="lname"/>
</td>
</tr>
<tr>
<td colspan="2"><div align="left">Gender</div></td>
<td colspan="2">
<input type="radio" name="gender" value="M"/>
Male
<input type="radio" name="gender" value="F"/>
Female </td>
</tr>
<tr>
<td colspan="2"><div align="left">Address</div></td>
<td colspan="2"><textarea name="address" cols="30" rows=5 col=40 wrap=soft> </textarea>
</td>
</tr>
<tr>
<td colspan="2"><div align="left">Postcode</div></td>
<td colspan="2"> <input type="text" name="postcode"/>
</td>
</tr>
<tr>
<td colspan="2"><div align="left">Email</div></td>
<td colspan="2">
<input type="text" name="email"/>
</td>
</tr>
<tr>
<td colspan="2"><div align="left">Telephone</div></td>
<td colspan="2">
<input type="text" name="telephone"/>
</td>
</tr>
<tr>
<td colspan="4"><center>
<strong>Select
Magazine</strong>
</center></td>
</tr>
<tr>
<td width="123"><center>
<strong>Product Name</strong>
</center></td>
<td width="30" ><center>
<strong></strong>
</center></td>
<td ><center>
<strong>Price</strong>
</center></td>
<td>
<strong>Quantity</strong>
</td>
</tr>
<tr>
<td align="right">Summer 2012
</td>
<td>
<input type="checkbox" name="summer" value="Summer 2012"/>
</td>
<td align="center" width="69"><div align="right">20.00 </div></td>
<td width="216"><input name="summer2012" type="text" size="5" value="0"/></td>
</tr>
<tr>
<td align="right">Autumn 2012
</td>
<td>
<input type="checkbox" name="autumn" value="Autumn 2012"/>
</td>
<td align="center" width="69"><div align="right">20.00 </div></td>
<td><input name="autumn2012" type="text" size="5" value="0"/></td>
</tr>
<tr>
<td align="right">Winter 2012
</td>
<td>
<input type="checkbox" name="winter" value="Winter 2012"/>
</td>
<td align="center" width="69"><div align="right">20.00</div></td>
<td><input name="winter2012" type="text" size="5" value="0"/></td>
</tr>
<tr>
<td align="center" colspan="4"><input name="button" type="button" onClick="javascript:display()" value="Submit"/>
<input type="reset" value="Clear Form"/>
</td>
</tr>
</table>
</fieldset>
</form>
修改这些:
脚本
var alphanumeric = /^[a-zA-Z0-9\.\,\-\n]+$/;
var quantity = new Array();
quantity[0] = parseInt(document.form1.summer2012.value);
quantity[1] = parseInt(document.form1.autumn2012.value);
quantity[2] = parseInt(document.form1.winter2012.value);
if (quantity[0] > 500 || quantity[1] > 500 || quantity[2] > 500) {
alertmsg = alertmsg + "Please limit each magazine to 500 copies or less:" + "\n";
}
的HTML
<td colspan="2"><textarea name="address" cols="30" rows=5 col=40 wrap=soft></textarea>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.