Question

我使用Dreamweaver编写我的html代码，但现在遇到了问题。

我创建了一个包含几个不同字段的查询表单，但是当我尝试使用Window |来验证表单时行为|验证表单，它只显示我的“firstname”，“lastname”，“Datepicker1”，“Datepicker2”以及“Comments”字段。

我想确保电话，电子邮件和选择字段是必填字段，并且会用数字和电子邮件地址填写。我在制作联系表时工作得很好，但出于某种原因，它不在调查中。

我的代码如下：

<form action="../../enquiryform.php" method="post" id="enquiry">
        <h1>ENQUIRE ABOUT<br><span style="color:#816122">VILLA 2610</span></h1>
        <input type="hidden" name="villaid" id="villaid" value="2610">
        <br>
        Arrival Date<br>
        <input type="text" name="arrivaldate" id="Datepicker1">
        <br>Departure Date<br>
        <input type="text" name="departuredate" id="Datepicker2"><br>
        First Name
        <input type="text" name="firstname" id="firstname"><br>
        Last Name
        <input type="text" name="lastname" id="lastname"><br>
        Telephone
        <input type="tel" name="tel" id="tel"><br>
        Email
        <input type="email" name="email" id="email"><br>
        <div class="leftcolumn">Adults<br>
        <select name="adults" id="adults">
        <option value=""> </option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10+">10+</option>
        </select>
        </div>
        <div class="rightcolumn">Children<br>
        <select name="children" id="children">
          <option value=""> </option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10+">10+</option>
        </select>
        </div>
        Comments (optional)<br>
        <textarea name="comments" id="comments" wrap="soft" style="width:150px; height:100px;"></textarea><br>
        <p class="antispam">Leave this empty: <input name="url" type="text" id="url" /></p>
        <input type="submit" value="Send" style="background-color:#aa802c; color:#FFFFFF; border-radius:5px; text-align:center; cursor:pointer;"><br><br>

我在起始表单括号中添加了以下内容：

onSubmit="MM_validateForm('firstname','','R','lastname','','R');return document.MM_returnValue"

但是我应该使用哪个电话号码，电子邮件地址以及我拥有的2个选项？

我的建议是

onSubmit="MM_validateForm('firstname','','R','lastname','','R','tel','','RisNum','email','','RisEmail',);return document.MM_returnValue"

但是我如何添加我需要观众选择儿童和成人的选项？我的想法是否正确？

Answer 1

为什么不使用require attribute on input tag like this

Telephone
<input type="tel" name="tel" id="tel" required>

表格验证不适用于电话，电子邮件和选择

1 个答案: