Question

我有这个简单的表格，我想验证出生日期，以便18岁以上的人和电子邮件，以便他们输入正确的电子邮件。

这是我的表单：

function calculate() {
  var myBox1 = document.getElementById('box1').value;	
  var myBox2 = document.getElementById('box2').value;
  var result = document.getElementById('result');	
  var myResult = myBox1 * myBox2;
  result.value = myResult;
}

<form>
  email <input type="text" id="email"><br>
  phone number <input type="text" id="phone"><br>
  age <input type="text" id="age"><br>
  location 
  <select id="box2" onchnage="calculate()">
    <option value="100">Mcleran</option>
    <option value="200">clear</option>
    <option value="300">brossa</option>
  </select>
  <br>
  no of travelers <input id="box1" type="number" oninput="calculate()" />
  <br>
  total <input id="result" />
</form>

`

Answer 1

您可以使用type="email"和type="number"来使用HTML5表单验证 - 这将触发浏览器显示无效输入的基本控件/错误消息。

＆＃13;

function calculate() {
    //your original method ehre
}

＆＃13;

<form>
  email <input type="email" id="emailaddr" name="emailaddr" required><br>
  phone number <input type="text" id="phone"><br>
  age <input id="age" type="number" size="3" name="age" min="18" max="199" value="" required><br>
  location 
  <select id="box2" onchnage="calculate()">
    <option value="100">Mcleran</option>
    <option value="200">clear</option>
    <option value="300">brossa</option>
  </select>
  <br>
  no of travelers <input id="box1" type="number" oninput="calculate()" />
  <br>
  total <input id="result" />
<input type="submit"/>
</form>

＆＃13;

电子邮件和年龄验证需要代码

1 个答案: