2015-04-02 53 views
2

我簡單的形式http://localhost:3000/connectSubmit我的流星路由有什麼問題?

<template name="connectSubmit"> 
    <form> 
    <input type="email" class="testf form-control" id="email" placeholder="Email here"><br> 
    <input type="submit" value="Submit" class="submit btn btn-primary"/> 
    </form> 
</template> 

connect_submit.js:

Template.connectSubmit.events({ 
    'submit form': function(e) { 
     Router.go('index'); 
    } 
    }); 

router.js:

Router.configure({ 
    layoutTemplate: 'layout', 
}); 

Router.map(function() { 
    this.route('index', {path: '/'}) 
    this.route('/connectSubmit') 
}); 

的Index.html:

<template name="index"> 
     <a href="/connectSubmit" class="btn btn-default">Connect</a> 
</template> 

當我正在提交表單,網址是:http://localhost:3000/connectSubmit?並且沒有將我重定向到索引頁

回答

1

當您使用HTML提交表單時,默認行爲是發出HTTP POST請求並重新加載頁面,打破單頁網頁應用體驗,您需要做的是防止此默認行爲,以便發生:

Template.connectSubmit.events({ 
    'submit form': function(e) { 
    e.preventDefault(); 
    Router.go('index'); 
    } 
}); 
+0

現在的工作很好,謝謝! – bartezr 2015-04-02 06:58:58