Question

我正在尝试使用数据绑定获取密码模式。在下面的jsbin中，当在html中提供模式时，接受密码Pass5678。但是，当我使用密码失败的属性绑定模式时

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>

Answer 1

看起来斜线被剥离了，所以值应该是：

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

数据绑定密码模式不适用于纸张输入

1 个答案: