2014-01-31 3 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

Смежные вопросы