フォームが送信されない場合でもhtml5検証を使用しますか？

Question

私のやっていることは、フォームのサブミットボタンであるpreventDefault()をクリックして、何らかの計算をしてから、フォームを送信する代わりにajax呼び出しを行うことです。

フォームが送信されていなくても、javascriptを使用して強制的にhtml5バリデーターを起動する方法はありますか？

$('#submitButton').click(function (e) { 
     e.preventDefault(); //stop the form from submitting 

     //Do computation 

     $.post('/comments', values, function(results) { 
      hideForm($('#new_comment_' + parentId)); 
      parent.children('.children').prepend(results); 
     }, 'html'); 
    }); 

Answer 1

最新のChromeとFirefoxでうまく動作します。ただ、e.preventDefault()<form>上：

HTML：

<form method="post" action="test.html"> 
    <input type="text" required></input> 
    <input type="submit" value="Submit"> 
</form> 

jQの：

$('form').submit(function(e){ e.preventDefault(); }); 

例：HTML5の制約を使用してhttp://jsfiddle.net/elclanrs/2nnLc/2/

Answer 2

フォームオブジェクトにはいくつかの新しいメソッドがあります。たとえば、フォームオブジェクトでcheckValidity（）を呼び出して入力を確認できます。

<form method="post" action="test.html" id="myForm"> 
    <input type="text" required></input> 
    <input type="submit" value="Submit" id="submitButton"> 
</form> 

<script type="text/javascript"> 
    $('#submitButton').click(function (e) { 
     e.preventDefault(); 
     alert($("#myForm").get()[0].checkValidity()); 
    }) 
</script>