jQuery表单验证- phoneUS和默认消息样式

我试图创建一个表单的请求(美国)电话号码，是用jQuery验证插件验证。下面是两个例子。

1. 美丽的错误信息，但不验证电话号码
2. 普通错误消息，但不验证电话号码

它们使用相同的HTML(见下文)。第二个也使用了一些JavaScript(见下文)。

<form id="myform">
<table>
    <tr>
        <td>Name</td>
        <td>Phone Number</td>
        <td></td>
    </tr>
    <tr>
        <td>
            <input type="text" name="Name" required="required" />
        </td>
        <td>
            <input type="phoneUS" name="PhoneNumber" />
        </td>
        <td>
            <input type="submit" />
        </td>
    </tr>
</table>
</form>

$(document).ready(function () {
$('#myform').validate({ // initialize the plugin
    errorElement: 'div',
    submitHandler: function (form) { // for demo
        alert('valid form submitted'); // for demo
        return false; // for demo
    }
});
});

我想要漂亮的错误消息和电话号码的验证，但我不知道如何做到这一点。事实上，我甚至不明白第一个是如何验证任何东西的，因为没有显式调用验证代码。