2015-06-08 51 views
0

我正在嘗試使用Jade創建簡單的註冊頁面。這裏的源代碼:使用Jade

extends ../../layouts/default 

block head 
    title Sign Up 

block neck 
    link(rel='stylesheet', href='/views/signup/index.min.css?#{cacheBreaker}') 

block feet 
    script(src='/views/signup/index.min.js?#{cacheBreaker}') 

block body 
    div.row 
    div.col-sm-6 
     div.page-header 
     h1 Sign Up 
     div#signup 
     if oauthTwitter || oauthGitHub || oauthFacebook || oauthGoogle || oauthTumblr 
     hr 
     p Or sign up using... 
     if oauthMessage 
      div.alerts 
      div.alert.alert-info.alert-dismissable 
       button.close(type='button', data-dismiss='alert') × 
       |#{oauthMessage}  
       b 
       a(href='/login/') Login Here 
     div.btn-group.btn-group-justified 
      if oauthTwitter 
      a.btn.btn-info(href='/signup/twitter/') 
       i.fa.fa-twitter.fa-lg 
       | Twitter 
      if oauthGitHub 
      a.btn.btn-info(href='/signup/github/') 
       i.fa.fa-github.fa-lg 
       | GitHub 
      if oauthFacebook 
      a.btn.btn-info(href='/signup/facebook/') 
       i.fa.fa-facebook-square.fa-lg 
       | Facebook 
      if oauthGoogle 
      a.btn.btn-info(href='/signup/google/') 
       i.fa.fa-google-plus-square.fa-lg 
       | Google 
      if oauthTumblr 
      a.btn.btn-info(href='/signup/tumblr/') 
       i.fa.fa-tumblr-square.fa-lg 
       | Tumblr 
    div.col-sm-6.marketing 
     div.page-header 
     h1 

     i.fa.fa-thumbs-o-up.super-awesome 

    script(type='text/template', id='tmpl-signup') 
    form 
     div.alerts 
     |<% _.each(errors, function(err) { %> 
     div.alert.alert-danger.alert-dismissable 
      button.close(type='button', data-dismiss='alert') &times; 
      |<%- err %> 
     |<% }); %> 
     div.form-group(class!='<%- errfor.username ? "has-error" : "" %>') 
     label Pick a Username: 
     input.form-control(type='text', name='username', value!='<%= username %>') 
     span.help-block <%- errfor.username %> 
     div.form-group(class!='<%- errfor.email ? "has-error" : "" %>') 
     label Enter Your Email: 
     input.form-control(type='text', name='email', value!='<%= email %>') 
     span.help-block <%- errfor.email %> 
     div.form-group(class!='<%- errfor.password ? "has-error" : "" %>') 
     label Create a Password: 
     input.form-control(type='password', name='password', value!='<%= password %>') 
     span.help-block <%- errfor.password %> 
     div.form-group(class!='<%- errfor.serial ? "has-error" : "" %>') 
     label Enter Your Serial Number: 
     input.form-control(type='text', name='serial', value!='<%= serial %>') 
     span.help-block <%- errfor.serial %> 

     div.form-group 
     button.btn.btn-primary.btn-signup(type='button') Create My Account 

這裏是它變得有趣的地方;當我刪除「串行」的一部分,它是這樣的:

 div.form-group(class!='<%- errfor.serial ? "has-error" : "" %>') 
     label Enter Your Serial Number: 
     input.form-control(type='text', name='serial', value!='<%= serial %>') 
     span.help-block <%- errfor.serial %> 

頁工作正常,但是當我添加了「串行」的一部分,該頁面顯示不出來?有什麼想法嗎?

更新:我能夠找到的問題,這是在這一行:

input.form-control(type='text', name='serial', value!='<%= serial %>') 

當我改變的value!='<%= serial %>'值,以電子郵件或用戶名(像這樣:值=」 <%=用戶名% >')而不是value!='<%= serial %>',頁面顯示,但是當我保持連續時,它不會。

回答

0

我終於明白了。這很愚蠢。我忘了給我的./public/signup/index.js添加「serial」。

!function(){"use strict";app=app||{},app.Signup=Backbone.Model.extend({url:"/signup/",defaults:{errors:[],errfor:{},username:"",email:"",password:"", serial:""}})...