jquery.validate 验证无效

我有一页面其中验证代码是这样的
Html代码  
[<script type="text/javascript">  
    $().ready(function(){   
        $("#f1").validate({   
            rules:{   
                mphone: {required:true,mobileCN:true}   
            }   
            ,messages:{   
                mphone: {required:"请填写手机号"}   
            }   
            ,onfocusout:false//失去焦点验证   
            ,onsubmit: true   
        });   
    });   
</script>  
<form name="f1" action="" method="post"/>  
    <input type=submit name=submit1 value="submit"/>  
</from1>  

[<script type="text/javascript">
        $().ready(function(){
                $("#f1").validate({
                        rules:{
                                mphone: {required:true,mobileCN:true}
                        }
                        ,messages:{
                                mphone: {required:"请填写手机号"}
                        }
                        ,onfocusout:false//失去焦点验证
                        ,onsubmit: true
                });
        });
</script>
<form name="f1" action="" method="post"/>
    <input type=submit name=submit1 value="submit"/>
</from1>
以上方式可以验证
但如果改成
Html代码  
<input type=button name=submit1 value=submit onclick="f1.submit()"/>  

<input type=button name=submit1 value=submit onclick="f1.submit()"/>
以上这样就无法验证了

推荐链接
见证又一个准百万富翁的诞生！
20-30万急聘多名天才Java/MTA软件工程师
3G培训就业月薪平均7K+，不3K就业不花一分钱！