Javascript在线代码计算器声明输出不正确 问题描述
电影票预订 “BOOKMYSHOW”是一个在线电影票务系统,用于为印度全城当前和即将上映的电影订票。用户可以在订票时选择电影和首选圈,系统将为用户生成一张票 作为一名HTML5开发人员,您被赋予了开发本网站一个模块的任务。本模块应包含以下页面:Javascript在线代码计算器声明输出不正确 问题描述,javascript,html,htmlunit,Javascript,Html,Htmlunit,电影票预订 “BOOKMYSHOW”是一个在线电影票务系统,用于为印度全城当前和即将上映的电影订票。用户可以在订票时选择电影和首选圈,系统将为用户生成一张票 作为一名HTML5开发人员,您被赋予了开发本网站一个模块的任务。本模块应包含以下页面: 预订车票页面–此页面将包含用户为预订火车票而输入的详细信息 感谢页面–在用户成功预订车票后显示感谢页面 订票页面: 一,。标签名称:名称 元素名称:名称 描述:输入名称 限制/约束:是必填字段,应进行验证。不允许使用空格以外的任何特殊字符。不要使用ja
一,。标签名称:名称
元素名称:名称
描述:输入名称
限制/约束:是必填字段,应进行验证。不允许使用空格以外的任何特殊字符。不要使用javascript,使用HTML5功能。
元素名称:moviename
说明:对于以下选项,用户应该可以使用自动完成功能。伊拉达,仰光,洛根,拳赛。(自动完成功能的名称应为“电影”)
限制/约束:不要使用组合框,而应该使用元素
元素名称:圆圈
说明:对于以下选项,用户应该可以使用自动完成功能。银、金、白金。(自动完成功能的名称应为“圆圈”)
限制/约束:不要使用组合框,而应该使用元素
元素名称:电话
说明:默认情况下,文本框中应显示文本“输入手机#此处”。当用户开始输入号码时,此文本应消失。
限制/约束:应验证数字。应包含10位数字。不要使用java脚本使用HTML 5功能
元素名称:showdate
描述:日期选择器,用于选择演出的日期和时间
限制/约束:不应使用javascript创建日期选择器
元素名称:票证
描述:选择乘客人数
限制/约束:可选择的最小数量应为1,可选择的最大数量应为10。不要使用java脚本使用HTML 5功能
元素名称:childrens
说明:选择儿童的数量
限制/约束:可选择的最小数量应为1,可选择的最大数量应为5。不要使用java脚本和HTML 5功能。
元素名称:预订我的节目
描述:单击此提交按钮时,应执行验证,并应计算和显示票价
限制/约束:
元素名称:重置
描述:带有重置标签的按钮。单击此按钮时,应重置所有字段
限制/约束:
元素名称:随问题一起提供的图像应放置在此部分
描述:当用户将鼠标移到图像上时,该图像应缩放并以更大的尺寸显示(这应使用CSS3功能完成)
限制/约束:
Ticket.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>BOOK MY SHOW</title>
</head>
<body>
<h1> Movie Ticket Booking</h1>
<form name="myForm" action="thankyou.html" onsubmit="return(myEvaluate());">
<label>Name</label>
<input name="name" type="text" pattern="[a-zA-Z\s]+" required /><br><br>
<label>Movie Name</label><input name="moviename" type="text" list="movies" required autocomplete="on" >
<datalist name="movies" id="movies">
<option value="Irada">
<option value="Rangoon">
<option value="Logan">
<option value="Fist Fight">
</datalist><br><br>
<label>Circle</label>
<input name="circle" list="circles" required autocomplete="on" />
<datalist id="circles">
<option value="Silver">
<option value="Gold">
<option value="Platinum">
</datalist><br><br>
<label>Phone no</label>
<input name="phone" type="text" placeholder="Enter Mobile # here" pattern="[0-9]{10}" required/><br><br>
<label>Show date and time</label>
<input type="datetime-local" name="showdate" ><span id="dateMessage" required></span><br><br>
<label>No of tickets</label><input type="number" name="tickets" id="tickets" min="1" max="10" required><br><br>
<label>No of children tickets</label><input type="number" name="childrens" id="children" min="1" max="5" required /><br><br>
<button type="submit" value="Submit">Book My Show</button>
<button type="reset" value="reset" id="reset">Reset</button>
<figure><img src="contactus.jpg" alt="Customer Care" id="image" /></figure>
</form>
<script src="application.js"></script>
</body>
</html>
预订我的节目
电影票预订
名称
电影名称
圆圈
电话号码
显示日期和时间
门票数量
儿童票数量
预订我的节目
重置
application.js
function myEvaluate(){
if(document.myForm.tickets.value < document.myForm.childrens.value){
window.alert("No of tickets should be greater than the no of children");
document.myForm.children.focus();
return false;
}
var today = new Date().toISOString().split('T')[0];
var ipStr = document.myForm.shodate.value;
var ip = new Date(ipStr).toISOString().split('T')[0];
if(ip<today){
window.alert("Show date and time should be either current date or future date");
document.myForm.showdate.focus();
return false;
}
var totalTix = document.myForm.tickets.value;
var childTix = document.myForm.childrens.value;
var adultTix = totalTix - childTix;
var totalFare = (adultTix*200) + (childTix*100);
alert("Your approximate ticket amount is "+totalFare+ "INR");
return (true);
}
函数myEvaluate(){
if(document.myForm.tickets.value 如果(ipStack Overflow并不是为了帮你做作业,至少不是直接帮你。把问题归结为解决一个非常具体的错误所需的尽可能少的代码量。你在var ipStr=document.myForm.shodate.value;
中有一个拼写错误,这会引起一个错误,然后立即提交表格。@trincot谢谢你,我做了那个改变,但它仍然没有通过测试