javascript - html 表单验证 |所需的属性不再起作用 - 除了类型 ="email"- 怎么了？

Question

我花了几个小时研究我的代码，并尝试了我在互联网上找到的每一个提示。

我有一个表格 - 因为您几乎所有字段都是必需的。

但我的浏览器 (Chrome) 真正检查的唯一字段是电子邮件字段。

我的浏览器以某种方式忽略了其他输入的“必需”。

代码:

   <label class="radio"> <input type="radio" name="Assessment Type" id="optionsRadios1"     value="Daten-Qualität" checked="checked" /> Quick Assessment "Daten-Qualität" für 378€</label> 
   <label class="radio"> <input type="radio" name="Assessment Type" id="optionsRadios2" value="Einsparpotenziale" />Quick Assessment "Einkaufserfolg & Einsparpotenziale" 750€</label>
<br>
    <table>
       <tr>
           <td><input class="span3" type="text" name="Name" value="Ihr Name" onfocus="if(this.value == 'Ihr Name') {this.value='';}" onblur="if(this.value == '') {this.value='Ihr Name';}" placeholder="Ihr Name" required/></td>

           <td><input class="span3" type="text" name="Firma" value="Ihre Firma" onfocus="if(this.value == 'Ihre Firma') {this.value='';}" onblur="if(this.value == '') {this.value='Ihre Firma';}" placeholder="Ihre Firma" required/></td>
       </tr>
       <tr>    
           <td>
              <input type="text" class="span3" name="Telefonnummer" value="Ihre Telefonnummer"  onfocus="if(this.value == 'Ihre Telefonnummer') {this.value='';}" onblur="if(this.value == '') {this.value='Ihre Telefonnummer';}" placeholder="Ihre Telefonnummer"/> 

              <input type="email" class="span3" name="E-Mail-Adresse" value="Ihre E-Mail-Adresse" onfocus="if(this.value == 'Ihre E-Mail-Adresse') {this.value='';}" onblur="if(this.value == '') {this.value='Ihre E-Mail-Adresse';}" placeholder="Ihre E-Mail-Adresse" required/>
            </td>
            <td>
               <input type="text" class="span3" name="Position" value="Ihre Position" onfocus="if(this.value == 'Ihre Position') {this.value='';}" onblur="if(this.value == '') {this.value='Ihre Position';}" placeholder="Ihre Position" required/> 

               <input type="text" class="span3" name="Abteilung" value="Ihre Abteilung" onfocus="if(this.value == 'Ihre Abteilung') {this.value='';}" onblur="if(this.value == '') {this.value='Ihre Abteilung';}" placeholder="Ihre Abteilung" required/></td>
       </tr>
     </table>
 <input type="submit" class="btn btn-large btn-warning" value="Bestellung abschicken" />

这是怎么回事？

谢谢你的想法 - Sabine

Answer 1

默认情况下，您在所有字段中都有文本，因此它们是有效的，email 不同的原因是因为您在该字段中的文本不是有效的电子邮件。