如何检查HTML表单验证是否通过并触发事件

Question

我有一个表格，其中包含HTML验证电话号码。我需要能够验证输入是否有效，并且只有在其有效时才能触发mixpanel事件。我可以验证输入，但无法确定输入是否经过验证并触发事件。

HTML

<form class=contact method=get action="/" accept-charset="UTF-8" id="form">
<input type="tel" class="text phoneNumber" name="tel" placeholder="Phone number" required>
<input type=submit class="submit appended" value=submit>
</div>

的jQuery

$(".submit").click(function () {
//check if form validation passed
if ($(".phoneNumber") == true) {
    //if passed, trigger mixpanel event
}
});

JSFIDDLE：LINK