Question

这是我的HTML代码段：

<FlatList
  data={ this.state.FlatListItems }
  ItemSeparatorComponent={ this.FlatListItemSeparator}
  renderItem={ ({item}) => (
    <Text
      style={styles.FlatList_Item}
      onPress={this.GetItem.bind(this, item.key)}> {item.key}
      </Text>
  )}
  ListHeaderComponent={this.Render_FlatList_Sticky_header}
  stickyHeaderIndices={[0]}
/>

我需要在提交表单值后禁用提交按钮。我尝试了很多案例，但即使按钮被禁用，表单也没有提交。我还需要提交隐藏的＆＃34; myemail＆＃34;值。

这是我的javascript：

<form  method="post" id="form-post">{% csrf_token %}
  <div class="form-group">
    <label for="form-labname">Lab Name</label><br>
    {{form.labname}}
  </div>
  <div class="form-group">
    <label for="form-cidr">CIDR Block</label><br>
    {{form.cidr}}
  </div>
  <div class="form-group">
    <label for="form-budget">Budget</label><br>
    {{form.budget}}
  </div>
 <input id='submit' type='submit' class="btn btn-primary"  
  style="background-color:#3facdb;border-color=#3facdb;" value='Submit' />
</form>
  </div>
<input type="hidden" id="myemail" name="variable" value="{{ emailid }}">
</input>

虽然这会禁用提交按钮，但不会提交值。

Answer 1

创建一个布尔变量，并在按钮单击时将其设为true。同时将[disable] = variable_name添加到按钮HTML声明中。

如何提交表单然后禁用“提交”按钮？

1 个答案: