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') ×
|<%- 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 %>'
,頁面顯示,但是當我保持連續時,它不會。