验证输入字段

嗨,我想验证表单中的输入字段'putime',因为即使'putime'输入框为空,结果也会被计算出来,而且夜间附加费也会添加到成本中.因此,我想在'putime'为空时验证它.

选择 | 换行 | 行号
  1.  
  2. function TaxiFare() {
  3. // calculates taxi fare based upon miles travelled
  4. // and the hour of the day in military time (0-23).
  5.  
  6. var baseFare = 14;
  7. var costPerMile = 7.00;
  8. var nightSurcharge = 20.50; // 9pm to 6am, every night //its flat 20.50 and not per mile
  9.  
  10. var milesTravelled = Number(document.getElementById("miles").value) || 0;
  11. if ((milesTravelled < 1) || (milesTravelled > 200)) {
  12. alert ("You must enter 1 - 200 miles");
  13. document.getElementById("miles").focus();
  14. return false;
  15. }
  16.  
  17. var pickupTime = Number(document.getElementById("putime").value) || 0;
  18. if ((pickupTime < 0) || (pickupTime > 23) || (pickupTime==null)) {  // note the hours are 0-23.  There is no 24 hour, midnight is 0 hours
  19. alert ("The time must be 0-23 hours");
  20. document.getElementById("putime").focus();
  21. return false;
  22. }
  23.  
  24. var cost = baseFare + (costPerMile * milesTravelled);
  25. // add the nightSurcharge to the cost if it is after
  26. // 8pm or before 6am
  27. if (pickupTime >= 21 || pickupTime < 6) {
  28. cost += nightSurcharge;
  29. }
  30. document.getElementById("result").innerHTML = "Your taxi fare is: $. "  + cost.toFixed(2);
  31. }
  32.  

这是表格

选择 | 换行 | 行号
  1. <form>
  2. Miles for Journey <input type="text" id = "miles" required><br>
  3. Pickup Time <input type = text id = "putime" required><br><br>
  4. <input type="button" value="Calculate Fare" onclick="TaxiFare()">
  5. <input type="reset" value="Clear"><br><br>
  6. <span id = "result"></span>
  7. </form>
  8.  
# 回答1

选择 | 换行 | 行号
  1. if(Textbox1.Text!="")
  2. {
  3. MessageBox.Show("Please Enter The Values");
  4. }
# 回答2


但我需要用Java脚本来完成
# 回答3

选择 | 换行 | 行号
  1. if(document.getelementbyid(textbox id).value!="")
  2. {
  3. alert("Please Enter The Values");
  4. }
  5.  

如果这是正确的答案,请发布您的结果

# 回答4


在我插入上述代码后,即使在我按下计算费用按钮之后,该脚本也不起作用.
我将值从TextBox ID更改为"putime"
# 回答5


不要将文本ID放在单词中,而不是给出文本框ID在ASP.Net中,给出那个.....
# 回答6


对不起,我不明白你在说什么.
# 回答7


为文本框ID指定名称.....
# 回答8


不,它不会验证时间域.
# 回答9


您所需要做的就是检查putime是否为空.
您可以将此条件添加到第27行,但您需要像在第17行那样从文本框中获取实际值,但不能转换为数字.
# 回答10


没有迹象表明OP正在使用ASP.NET.事实上,似乎可以肯定的是,它没有被使用,如果你再读一遍问题,这不是问题所在.
# 回答11


好的,我通过在第27行添加(PickupTime=="")获得了它.谢谢你,阿科德!

标签: Javascript

添加新评论