聚合物登记表

Question

我会进入正题，我在使用 polymer 方面还很陌生，我想制作一个注册表单，将数据推送到 php 和 Mysql 服务器，但是从据我所知，您需要使用铁形式或 ajax-形式，我不完全理解。这涉及表单提交而不是验证以下是我的代码帮助将不胜感激。

<paper-card>
          <h4 align="center">Sign Up</h4>
          <div id="Sign-Up">

            <template is="dom-bind" id="expand-demo">
          <paper-icon-button
              icon="hardware:keyboard-arrow-down"
              title="more info"
              on-tap="_toggleMoreInfo"
              style="float: right;">
          </paper-icon-button>
          <iron-collapse id="more-info">

          <form is="ajax-form" method="post" action="sign_up_connect.php" >
          <paper-input decorator label="First Name">
            <input id="firstName"  name="firstName">
          </paper-input>
          <paper-input decorator label="Last Name" >
            <input id="lastName"  name="lastName">
          </paper-input>
          <paper-input label="E-mail Address" id="email"></paper-input>

          <paper-input type="password"  label="Password" id="pass"></paper-input>
          <paper-input type="password"  label="Re-type Password"></paper-input>
          <paper-input type="number" max="70" min ="18"  label="Age" id="age"></paper-input>
          <p>Sex</p>
          <paper-radio-group selected="">
            <paper-radio-button name="Male">Male</paper-radio-button>
            <paper-radio-button name="Female">Female</paper-radio-button>
          </paper-radio-group>


          <paper-button raised id="button" type="submit" name="submit" value="Sign-Up" class="colorful" onclick="clickHandler(event)">Sign Up</paper-button>
          </iron-collapse>
          </template>
          </form>

          </div>
        </paper-card>

Answer 1

铁的形式可以通过听众观察。请记住，iron-form 元素是基于 ajax 的（它不会重新加载页面），因此您必须检查自己在元素侦听器中的响应/错误。参见 http://jsbin.com/wefavu/edit?html,output

聚合物登记表

Polymer Registration Form

php

mysql

polymer-1.0