表单验证是我们在做网站或web系统时经常用到的，例如我们在使用注册、或完善个人信息时都会碰到验证我们输入的信息是否符合要求。方法较为简单具体步骤如下：

第一步：导入jquery.metadata.js和jquery.validate.js。
第二步：在提交表单上加属性id=“tempForm"。
第三步：将提交按钮改为type="button"，且加入onclick="submitForm()"属性。
第四步：在script中加入方法submitForm。
function submitForm() {
        if($("#tempForm").valid()) {
            $("#tempForm").submit();
        }
    }
第五步：加入验证代码，格式如下：
$(function() {
        $("#tempForm").validate({
            rules: {
                "cost.costMoney": {
                    required: true,
                    number: true,
                    maxlength:18
                }
            },
            messages: {
                "cost.costMoney": {
                    required: "<font color='red'>成本金额不能为空</font>",
                    number: "<font color='red'>成本金额必须为数字</font>",
                    maxlength:"<font color='red'>成本金额长度不能大于
18</font>"
                }
            }
        });
    });
第六步：打开浏览器查看表单验证效果。