2014-03-19 136 views
0

是否可以使用JADE訪問元素的輸入值?我試圖在JS中實現類似於document.getElementById('aDiv').value的內容。獲取Jade中輸入元素的值

我的代碼如下:

extends ../layout 

block content 
    form.form-horizontal(id='signup-form', method='POST') 
    input(type='hidden', name='_csrf', value=token) 
    legend Become a bee! 

    .form-group 
     label.col-sm-3.control-label(for='age') Age 
     .col-sm-7 
     input.form-control(type='age', name='age', id='age', placeholder='Enter your age', autofocus) 
    .form-group 
     label.col-sm-3.control-label(for='parent-email') Parent's Email 
     .col-sm-7 
     input.form-control(type='text', name='parent-email', id='parent-email', placeholder='Parent Email') 
    .form-group 
     .col-sm-offset-3.col-sm-7 
     button.btn.btn-success(type='submit') 
      i.fa.fa-check 
      | Signup 

我希望能夠讀取年齡字段,然後根據不同的值,加載額外的輸入元素,但我找不到任何方式來讀取玉的價值客戶端。

感謝您的幫助。

+0

Jade是服務器端模板引擎,所以當視圖呈現並且未被服務器引用時,您無法讀取值。你必須在客戶端編寫javascript。 – Franco

回答

1

客戶端代碼將是HTML,而不是JADE。您可以將額外的輸入添加到JADE中,以便將其呈現給頁面,併爲其添加一個CSS類來隱藏它。然後使用標準JavaScript來顯示input或不根據年齡字段中的值。