使用输入类型提交时，html5表单验证不起作用

HI我想用提交按钮验证输入类型=电子邮件字段。我在页面中有两个表单元素。我打开一个div（divForgotPassword）作为模式。但是所需的属性不适用于模态。下面是我的我的代码使用输入类型提交时，html5表单验证不起作用

<form id="form1" runat="server">

//一些元素

<form id="form2" action="javascript:RetrievePassword();"> 
     <div id="divForgotPassword" style="display:none" title="Forgot password"> 

        <table> 
        <tr> 
         <td> 
          <asp:Label ID="lblForgotPassword" runat="server" Text="Email"></asp:Label>: 
         </td> 
         <td> 
          <input type="email" required="required" id="txtForgotEmail" /> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <input type="submit" style="background-image:url('Images/buttons/btn_send.png')" id="btnSend" /> 
         </td> 
        </tr> 
       </table> 


      </div> 
</form>

来源

2014-01-28 sandeep.mishra

？并非所有流行浏览器都支持所有HTML5元素和属性：[浏览器支持新HTML5输入属性]（http://www.wufoo.com/html5/#attributes） – Ned

Sandeep，您尚未为任何HTML标记在你的代码中输入type =“email”。 –

我正在使用Chrome浏览器。我想它支持html5 ..？ –

<form id="form2" action="javascript:RetrievePassword();"> 
<div id="divForgotPassword" title="Forgot password"> 
    <table> 
     <tr> 
      <td> 
       <label for="txtForgotEmail"> 
        EMAIL : </label> 
      <td> 

       <input type="email" required="required" id="txtForgotEmail" /> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <input type="submit" style="background-image:url('Images/buttons/btn_send.png')" id="btnSend" /> 
      </td> 
     </tr> 
    </table> 
</div>

请找浏览器是否使用的是测试这个这个演示DEMO

来源

2014-01-28 08:40:55

使用输入类型提交时，html5表单验证不起作用

回答

相关问题