代码之家 › 专栏 › 技术社区 › Jason K

W2UI忽略HTML表单中的值

w2ui jquery javascript

2

Jason K · 技术社区 · 7 年前

W2UI正在忽略输入标记上的值。

如何让它使用价值?

它可以读取所选内容。

jsfiddle.net

<div id="form" style="width: 750px;">
<div class="w2ui-page page-0">
  <div class="w2ui-field">
    <label>First Name:</label>
    <div>
      <input name="first_name" type="text" value="John" />
    </div>
  </div>
</div>
<div class="w2ui-buttons">
  <button class="w2ui-btn" name="reset">Reset</button>
  <button class="w2ui-btn" name="save">Save</button>
</div>
</div>

$(function() {
$('#form').w2form({
  name: 'form',
  url: 'server/post',
  fields: [
    { field: 'first_name', type: 'text', required: true }
  ],
  actions: {
    reset: function() {
      this.clear();
    },
    save: function() {
      this.save();
    }
  }
});
});

如果我必须写javascript。如何访问这些字段?

1 回复 | 直到 7 年前

1

Mike Scotty 7 年前

您可以使用 form.record .

以你为例 w2ui.form.record.first_name (何处) form 是W2Form的名称)。

在保存事件中,您可以使用 this.record ,例如:

    save: function() {
        console.log(this.record);
        console.log(this.record.first_name);
        this.save();
    }