电影票预订
“BOOKMYSHOW”是一个在线电影票系统,用于预订印度城市当前和即将上映的电影票。用户可以在预订票证时选择电影和首选圈子,系统将为用户生成票证。
作为HTML5开发人员,您已经完成了开发本网站的一个模块的任务。该模块应包含以下页面:
预订机票页面 - 这将包含用户输入的预订火车票的详细信息
感谢您的页面 - 用户成功预订门票后会显示感谢页面
预订机票页面:
1。 标签名称:名称
元素名称:名称
描述:输入名称
限制/约束:是必填字段,应进行验证。不允许除空格之外的任何特殊字符。不要使用javascript,使用HTML 5功能
标签名称:电影名称
元素名称: moviename
描述:用户可以使用自动完成功能以获得以下选项。 Irada,仰光,Logan,Fist Fight。 (自动完成功能的名称应为“电影”)
限制/约束:不要使用组合框,而应使用元素
来完成
标签名称:圈子
元素名称:圈子
描述:用户可以使用自动完成功能以获得以下选项。银,金,白金。 (自动完成功能的名称应为“圆圈”)。
限制/约束:不要使用组合框,而应使用元素
来完成
标签名称:电话号码
元素名称:手机
说明:默认情况下,文本框中应显示文本“Enter Mobile#here”。当用户开始输入数字时,该文本应该消失
限制/约束:应验证数字。应包含10位数字。不要使用java脚本使用HTML 5功能
标签名称:显示日期和时间
元素名称: showdate
描述:日期选择器,用于选择节目的日期和时间。
限制/约束:不应使用javascript创建日期选择器。
标签名称:门票号码
元素名称:票据
说明:选择乘客人数。
限制/约束:可以选择的最小数量应为1,可选择的最大数量应为10.不要使用java脚本使用HTML 5功能
标签名称:没有孩子的
元素名称:孩子们
描述:选择孩子的数量
限制/约束:可以选择的最小数量应为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);
}
在评估代码后,我仍然无法通过某个测试,这就是我得到的消息:
2017年6月16日下午7:36:20 com.gargoylesoftware.htmlunit.IncorrectnessListenerImpl notify 警告:遇到过时的内容类型:'text / javascript'。 testWeb(htmlpackage.WebTestAssign2):提供了所有输入 正确,但票证计算错误或javaScript 方法没有返回任何值false