jquery - 如何重置语义UI表单?
问题描述
我阅读了语义表单验证文档,据我所知,应该使用按钮重置类和 jQuery 表单重置方法重置表单但似乎没有什么对我有用。
我尝试用类捕获表单,但它没有用。这是我的代码
HTML
<form id="ticker_create_form" action="" class="ui form ticker_create" enctype="multipart/form-data">
@csrf
<input type="hidden" value="ticker" name="type">
<div id="" class="ui segments ntf_view_state">
<div class="ui segment">
<div class="ui checked checkbox">
<input type="checkbox" class="ntf_inside" value="inside" name="view_location[]">
<label>Inside (Dashboard)</label>
</div>
</div>
<div class="ui segment">
<div class="ui checked checkbox">
<input type="checkbox" class="ntf_outside" value="outside"
name="view_location[]">
<label>Outside</label>
</div>
</div>
</div>
<!-- Description -->
<div id="" class="field ntf_description">
<label for="">Description</label>
<textarea placeholder="Provide description (max of 600 characters)"
name="description"></textarea>
</div>
</div>
<div class="field ntf_btns">
<button id="add_ticker_btn" class=" positive large ui button ntf_btn" type="button">ADD TICKER
NOTIFICATION
</button>
<button id="reset_ticker_btn" class="negative large ui reset button ntf_btn" type="button">RESET
FORM
</button>
</div>
</form>
jQuery
$(document).ready(function(){
$('.ui.reset.button').on('click', function(){
$('.ui.form.ticker_create').form('reset');
});
});
解决方案
推荐阅读
- visual-studio-code - 如何打开提交 VS CODE 的所有文件
- google-sheets - 有没有办法使用与谷歌表格中的行和列相同的字段来计算列之间的唯一出现次数?
- shopware - Shopware 6:为什么在自定义插件的 src/Resources/app/storefront/src/main.js 中添加 if 条件 if (module.hot)
- javascript - FS 替代反应
- arrays - 数组中多个 if 语句的 VBA 代码
- javascript - 使用 jQuery 或 JavaScript 从数组中提取数据
- c# - c# 的排序集如何与自定义对象一起使用?
- arrays - 类型“() => void”上不存在属性“push”。如何解决 Typescript Angular 10 中的此错误?
- rally - 有没有办法在 Rally 中查询投资组合项目状态(颜色)?
- asp.net-core - IIS 'Access-Control-Allow-Origin' 标头仅适用于 ASP.NET 3.1 上的图像上传