數據綁定密碼模式不能使用紙張輸入

我正在嘗試使用數據綁定來獲取密碼模式工作。在下面的jsbin中，密碼Pass5678在html中提供模式時被接受。然而，當我使用的密碼失敗的屬性綁定模式數據綁定密碼模式不能使用紙張輸入

http://jsbin.com/posojodozu/edit?html,output

代碼：

<!doctype html> 
<head> 

    <meta charset="utf-8"> 

    <base href="http://polymer-magic-server.appspot.com/components/"> 

    <script src="webcomponentsjs/webcomponents-lite.min.js"></script> 

    <link href="polymer/polymer.html" rel="import"> 
    <link href="iron-form/iron-form.html" rel="import"> 
    <link href="paper-input/paper-input.html" rel="import"> 


    <style> 
    body { 
     font-family: sans-serif; 
    } 
    </style> 

</head> 
<body> 

<x-example></x-example> 

<dom-module id="x-example"> 
    <style> 
    :host { 
     display: block; 
     padding: 36px; 
    } 


    </style> 
    <template> 


    <form is="iron-form" 
     id="form" 
     disable-native-validation-ui 
     action="/"> 
     <paper-input 
     name="password" 
     required 
     type="password" 
     pattern="[[passwordPattern]]" 
     label="Enter Password"></paper-input> 
     <br> 
     <button type="submit">SUBMIT</button> 
    </form> 

    </template> 
    <script> 

    // only need this when both (1) in the main document and (2) on non-Chrome browsers 
    addEventListener('WebComponentsReady', function() { 

     Polymer({ 
     is: 'x-example', 
     properties: { 
      passwordPattern: { 
      type: String, 
      value: '(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,16}' 
      } 
     } 
     }); 
    }); 

    </script> 
</dom-module> 

</body>

來源

2015-10-05 Srik

看起來像斜線是得了某種方式剝離，所以值應爲：

value: '(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,16}'

來源

2015-10-05 20:13:46 user656449

數據綁定密碼模式不能使用紙張輸入

回答

相關問題