在某些时间订单/在线订购网站之前的验证/时间限制 [英] Validation / Time Limit Before Certaintimeorder / Online Ordering Site

问题描述

大家好，

我目前正在从零开始在网站上工作，所以你可以在网上下订单，例如从多米诺骨牌或其他餐馆或食品店在线订购披萨，但我在做这个特别的餐厅。

现在我正在设置一个子的在线订购。

我有它所以如果你选择面包然后你应该选择一个填充所以你的子三明治不是平原。我有一个标签工作，所以当点击订单按钮时​​它会弹出。我相信我会想要它，如果字段不正确，按钮将被禁用？我对你认为我可以改进我的网站的任何建议或想法持开放态度。

我正在研究的下一部分是你需要在当天上午1​​0点之前订购三明治，否则它会显示一条消息，说明您将无法在第二天收到当天的三明治。我打算提出一个取消选项窗口，以防用户第二天不想要子，这样他们就可以取消订单了。我不知道我到底应该怎么做这个部分。

现在我只有一个日期对象正在接收当前的确切时间，我会将它与当前时间早上10点的另一个日期对象进行比较那天，做一些if和else陈述来决定做什么。

再次，我对任何有关其他可能性的想法或建议都持开放态度。

 <   div  >  
 <   h4  >  1）。选择面包<   / h4  >  
 <  选择   < span class =code-attribute> id   =  selectBread >  
 <   / select  >  
 <！ -    选择展开下拉列表   - >   
  <   h4  >  2）。选择点差<   / h4  >  
 <  选择   < span class =code-attribute> id   =  selectSpread >  
 <   / select  >  
 <   div  < span class =code-attribute>   id   =  spreadValid    style   =   color：red; font-weight：bold; display：inline; >  <   / div  >  
 <！ -    选择额外点差   - >   
 < ;   h4  >  3）。额外差价（+ $ 0.80）<   / h4  >  
 <  选择    id   =  selectExtraSpread >  
 <   / select  >  
 <   div     id   =  extraSpreadValid    style   =  color：red; font-weight：bold; displa y：内联; >  <   / div  >  
 <   / div  >  
 <！ -    选择填充   - >   
 <  表格   方法  = 发布    id   =  selectFillings >  
 <  字段设置    id   =  fillings >  
 <  图例 >  <  < span class =code-leadattribute> h4  >  4）。最多选择两个填充（额外+ $ 1.20）<   / h4  >  <   / legend   >  
 <   div     id   =  fillingValid    style   =  color：red; font-weight：bold; display：inline; >  <   / div  >  
 <   / fieldset  >  
 <   / form  >  
 <  按钮    id   =  addToOrder    type   =  按钮 > 添加到订单< ;   / button  >  

  function  getBread（）{
  var  deferred =  new  $ .Deferred（）; 
 deferred.resolve（[
 {value：'  Wheat'，text： '  Wheat'}，
 {value： '  Rye'，text：'  Rye '}，
 {值：' 法语'，文字：' 法语'}，
 {值：' 换行'，文本：' 换行'} 
]）; 
  return （延期）; 
} 
  function  initializeSelect（elementName，dataService）{
  var  $ element = $（elementName）; 
 $ .when（dataService（））。then（ function （data）{
 $（ ' < option value =>< / option>'）。appendTo（$ element）; 
  for （ var  itemIndex  in  data）{
 $（' < option value =' + data [itemIndex] .value + ' >' + data [itemIndex] .text + ' < / option>'）。appendTo（$ element）; 
} 
}）; 
} 
  if （validateOrderandLunchbag（fillingCount））{
 AddLunchBagToMyOrder（lunchBag）; 
} 
  function  validateOrderandLunchbag（numberOfFillings）
 {
  var  isValid =  true ; 
  var  $ addToOrder = $（' ＃ addToOrder'）; 
 
  var  breadValue = $（'  #selectBread'）VAL（）; 
  var  spreadValue = $（'  #selectSpread ）VAL（）; 
  //  如果选择了面包，建议传播但不要停止功能 
  if （breadValue！=   && spreadValue ==  ）{
  var  message =  如果需要，您可以选择点差。; 
  document  .getElementById（  spreadValid).innerHTML = message; 
  document  .getElementById（  spreadValidbtn).innerHTML = message; 
  //   $（'spreadValid'）。innerHTML = message;  
}  else  {
  document  .getElementById（  spreadValid）。innerHTML =  < /跨度>; 
  document  .getElementById（  spreadValidbtn).innerHTML =  ; 
} 
  //  如果没有选择，则检查填充数量然后停止功能 
  if （breadValue！=  && numberOfFillings ==  0 ）{
  var  fillingMessage =  你应该在sub上想要一些东西，这样就不简单了。; 
  document  .getElementById（  fillingValid).innerHTML = fillingMessage; 
  document  .getElementById（  fillingValidbtn).innerHTML = fillingMessage; 
 isValid =  false ; 
  //   $ addToOrder.set_enabled（false）;  
}  else  {
  document  .getElementById（  fillingValid）。innerHTML =   ; 
  document  .getElementById（  fillingValidbtn).innerHTML =  ; 
  //   $ addToOrder.set_enabled（true）;  
} 
  return  isValid; 
} 
  function  determineCutoffTime（）{
  console  .log（  截止时间函数）; 
  var  msg =  接收订单当天必须在当天上午1​​0点之前播放。; 
  //   var timeNow = new Date（$。now（））;  
  //   var dd = new Date.now（）;  
  //   console.log（dd）;  
  //  获取当前时间和日期，如果在时间之前接受，则显示消息并允许取消 
 
  / /   javascript way  
  var  jsDate =  new  日期（）; 
  var  jsTime = jsDate.getHours（）+  ： + jsDate.getMinutes（）+  ： + jsDate.getSeconds （）; 
  console  .log（jsTime）; 
 
} 

解决方案

0.80）< / h4 >
< 选择 id = selectExtraSpread >
< span class =code-keyword>< / select >
< div id = extraSpreadValid style = 颜色：红;字体重量：粗体; display：inline; > < / div >
< / div >
<！ - 选择填充 - >
< 表格 方法 = 发布 id = selectFillings >
< fieldset id = fillings >
< 图例 > < h4 > 4）。最多选择两个填充（额外+

1.20）< / h4 > < / legend >
< div id = fillingValid style = color：red; font-weight：bold; display：inline; > < / div >
< / f ieldset >
< / form >
< 按钮 id = addToOrder type = 按钮 > 添加到订单< span class =code-keyword>< / button >

  function  getBread（）{
  var  deferred =  new  

.Deferred（）;
deferred.resolve（[
{value：' Wheat'，text： ' Wheat'}，
{value： ' Rye'，text：' Rye '}，
{值：' 法语'，文字：' 法语'}，
{值：' 换行'，文本：' 换行'}
]）;
return （延期）;
}
function initializeSelect（elementName，dataService）{
var

Hello all,
I am currently working on a website from scratch so you can place a order online for example like ordering a pizza online from dominoes or some other restaurant or food place but I am doing it for this special restaurant.
Right now I am setting up the online ordering of a sub.
I have it so if you select bread then you should select a filling so your sub sandwich isn’t plain. I have a label working so it pops up when the order button is clicked. I believe I would want it so the button would be disabled if the fields are incorrect? I am widely open to any suggestions or ideas in which you believe I could improve my site.
The next part I am working on is that you need to order a sandwich before 10 am of the current day otherwise it will display a message saying you will not be able to receive that sandwich of the current day until the next day. I plan on bringing up a cancel option window in case the user doesn’t want the sub for next day so they can cancel their order. I am not sure how exactly I should do this part yet.
Right now I just have a date object that is receiving the exact current time and I will compare it with another date object of 10am of that current day and do some if and else statements to decide what to do.
Again I am widely open to any ideas or suggestions for other possibilities.

<div>
		<h4>1). Select Bread</h4>
		<select id="selectBread">
		</select>
		<!-- Select spread Dropdownlist -->
		<h4>2). Select Spread</h4>
		<select id="selectSpread">
		</select>
        <div id="spreadValid" style="color:red; font-weight:bold; display:inline;"></div>
		<!-- Select extra spread-->
		<h4>3). Extra Spreads(+$0.80)</h4>
		<select id="selectExtraSpread">			
		</select>
        <div id="extraSpreadValid" style="color:red; font-weight:bold; display:inline;"></div>
	</div>
	<!-- Select fillings -->
	<form method="post" id="selectFillings">
		<fieldset id="fillings">
			<legend><h4>4). Choose up to two fillings (Extra + $1.20)</h4></legend>
            <div id="fillingValid" style="color:red; font-weight:bold; display:inline;"></div>
		</fieldset>
	</form>
<button id="addToOrder" type="button">Add to order</button>

function getBread() {
	  var deferred = new $.Deferred();
	  deferred.resolve([ 
	    { value: 'Wheat', text: 'Wheat' },
		{ value: 'Rye', text: 'Rye' },
		{ value: 'French', text: 'French' },
        { value: 'Wrap', text: 'Wrap' }
      ]);
	  return(deferred);
	}
    function initializeSelect(elementName, dataService) {
	  var $element = $(elementName);
	  $.when(dataService()).then(function(data) {
		$('<option value=""></option>').appendTo($element);
		for(var itemIndex in data) {
		  $('<option value="'+data[itemIndex].value+'">'+data[itemIndex].text+'</option>').appendTo($element);
		}
	  });
    }
		if (validateOrderandLunchbag(fillingCount)) {
            AddLunchBagToMyOrder(lunchBag);
		}
	function validateOrderandLunchbag(numberOfFillings)
	{
	    var isValid = true;
	    var $addToOrder = $('#addToOrder');

	    var breadValue = $('#selectBread').val();
	    var spreadValue = $('#selectSpread').val();
	    //IF BREAD IS SELECTED THEN RECOMMEND SPREAD BUT DO NOT STOP THE FUNCTION
	    if (breadValue != "" && spreadValue == "") {
	        var message = "You are allowed to select a spread, If you want.";
	        document.getElementById("spreadValid").innerHTML = message;
	        document.getElementById("spreadValidbtn").innerHTML = message;
	        //$('spreadValid').innerHTML = message;
	    } else {
	        document.getElementById("spreadValid").innerHTML = "";
	        document.getElementById("spreadValidbtn").innerHTML = "";
	    }
	    //check the number of fillings if none selected then stop function
	    if (breadValue != "" && numberOfFillings == 0) {
	        var fillingMessage = "You should want something on your sub so it isn't plain.";
	        document.getElementById("fillingValid").innerHTML = fillingMessage;
	        document.getElementById("fillingValidbtn").innerHTML = fillingMessage;
	        isValid = false;
	       // $addToOrder.set_enabled(false);
	    } else {
	        document.getElementById("fillingValid").innerHTML = "";
	        document.getElementById("fillingValidbtn").innerHTML = "";
	       // $addToOrder.set_enabled(true);
	    }
	    return isValid;
	}
	function determineCutoffTime() {
	    console.log("cut off time function");
	    var msg = "To recieve an order the current day it must be played before 10 a.m. of that day.";
	    //var timeNow = new Date($.now());
	    //var dd = new Date.now();
	   // console.log(dd);
	    //get current time and date if before time accept otherwise show message and allow cancel

	    //javascript way
	    var jsDate = new Date();
	    var jsTime = jsDate.getHours() + ":" + jsDate.getMinutes() + ":" + jsDate.getSeconds();
	    console.log(jsTime);

	}

解决方案

0.80)</h4> <select id="selectExtraSpread"> </select> <div id="extraSpreadValid" style="color:red; font-weight:bold; display:inline;"></div> </div> <!-- Select fillings --> <form method="post" id="selectFillings"> <fieldset id="fillings"> <legend><h4>4). Choose up to two fillings (Extra +

1.20)</h4></legend> <div id="fillingValid" style="color:red; font-weight:bold; display:inline;"></div> </fieldset> </form> <button id="addToOrder" type="button">Add to order</button>

function getBread() {
	  var deferred = new

.Deferred(); deferred.resolve([ { value: 'Wheat', text: 'Wheat' }, { value: 'Rye', text: 'Rye' }, { value: 'French', text: 'French' }, { value: 'Wrap', text: 'Wrap' } ]); return(deferred); } function initializeSelect(elementName, dataService) { var

这篇关于在某些时间订单/在线订购网站之前的验证/时间限制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！