html5驗證錯誤消息，無需提交表格

我正在開發一個應用程序，其中我在表單中使用了HTML5字段。我想觸發按鈕點擊HTML5字段驗證了這個目的，我寫了這個代碼html5驗證錯誤消息，無需提交表格

<input type="button" id="btnContactSubmit" class="btn btn-success" value="Submit"> 

    $('#btnContactSubmit').click(function (e) { 

      if ($('#aspnetForm')[0].checkValidity()) { 
       e.preventDefault(); 
       if (flag) { 
        createListItem(); 
       } 
      } else { 
       e.preventDefault(); 

      } 
     });

按一下按鈕是否工作正常，但它亙古不變的出現在相關領域的錯誤消息，我想顯示錯誤信息而無需提交我的形式。

來源

2014-12-26 Billz

@arshad - 不是真的需要確保'required'在按鈕上？ – adeneo

@adeneo：：p我的錯誤，刪除了「type ='按鈕'」 – arshad

爲什麼不在輸入字段中使用'required'？ '' – arshad

除了提交表單之外，沒有辦法觸發原生工具提示。

如果表單有效，請阻止提交，如果無效，請提交，然後進行本機HTML5驗證，但表單不會提交。

你是防止這兩個條件的默認操作，因此在驗證時不會發生，像這樣做，它會

$('#btnContactSubmit').click(function (e) { 
    if ($('#aspnetForm')[0].checkValidity()) { 
     e.preventDefault(); 
     if (flag) { 
      createListItem(); 
     } 
    } 
});

FIDDLE

來源

2014-12-26 11:38:21 adeneo

html5驗證錯誤消息，無需提交表格

回答

相關問題