2014-01-31 79 views
2

我需要提交按鈕後點擊提交或登錄按鈕如何使用流星JS導航到新的頁面與同一窗口。請幫我寫一下。 當用戶提交表單頁面導航到admindetails.html頁面。我使用路由器包和HTML頁面和客戶端代碼如下。我的意圖是用戶登錄加載另一個模板同一個窗口動態。請幫助我。如何導航到新頁面時點擊使用`流星js`

Here is html page 

<template name="body"> 
    <div class="bgbody"> 
    <div align="center"> 
    <form id="login-form" action="/admindetails"> 
     <table> 
     <p class="admin">Admin Login</p> 
     <tr> 
      <td><p for="username">Admin Name</p></td> 
      <td><input type="text" id="username" name="username" placeholder="UserName"></td> 
     </tr> 
     <tr> 
       <td><p for="password">Password</p></td> 
      <td><input type="password" id="pwd" name="password" placeholder="password"></td> 
     </tr> 
      <td></td><td><input class="btn btn-success" type="submit" value="Log In"></td> 
     </table> 
    </form> 
    </div> 
    </div> 
</template> 

下面是客戶端代碼

if (Meteor.isClient) 
{ 
Meteor.Router.add({ 

    '/admindetails':'admindetails' 

    }) 
    Template.body.events 
    ({ 
    'submit #login-form' : function (e,t) 
{ 
     /* template data, if any, is available in 'this'*/ 
     if (typeof console !== 'undefined') 

     console.log("You pressed the button"); 
     e.preventDefault(); 
    /*retrieve the input field values*/ 
     var email = t.find('#username').value 
     , password = t.find('#pwd').value; 
      console.log(email); 
    Meteor.loginWithPassword(email, password, function (err) 
    { 
    if (err) 
    { 
     console.log(err); 
     alert(err.reason); 
     Session.set("loginError", true); 
    } 
    else 
    { 
     console.log(" Login Success "); 
    Meteor.Router.to("/admindetails"); 
    } 
    }); 
    } 
    }); 
} 

回答

5

如果您使用建議Iron Router,您使用go方法:

Router.go('/articles/example'); 

或:

Router.go('showArticle', {name: 'example'}); 

如果您使用舊的Router,使用:

Meteor.Router.to('/articles/example'); 

如果您不使用任何路由器,請立即開始。在此期間,使用石器時代的方法:

window.location.href = '...'; 
+0

它正在工作,但視圖並不修改我正在發送我的代碼@Hubert OG – user3214030

相關問題