我使用的是语义UI,总体而言,它确实很棒。我遇到了一些不稳定的问题,我有一个表单,其中包含输入类型文件字段。现在,当我调用$("form").form("reset")
应该重置表单的电话时,遇到以下错误消息。
Uncaught InvalidStateError: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.
这不是一个简单的重置吗?我在这里想念什么。我宁愿坚持使用语义UI提供的用于此类操作的功能,但到目前为止,我仍然坚持。
没有完整的示例,我不确定您的错误来自何处,但是form('reset')
对于我来说,<input type='file'>
使用语义UI 2.1.8可以正常工作。请参见以下示例:
$(document).ready(function(){
// initialize the form an fields
$('.ui.form')
.form({
fields: {
fileInput:{
identifier: 'name',
rules: [
{
type : 'empty'
}
]
}
}
});
});
function myOwnReset(){
$('.ui.form').form('reset');
}
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<form class="ui form segment">
<div class="field">
<label>File</label>
<input type="file" name="fileInput"></input>
</div>
<div class="ui blue submit button">Submit</div>
<div class="ui reset button">Reset</div>
<div class="ui clear button">Clear</div>
</form>
<input type="button" onClick="myOwnReset();" value="force form('reset')"></input>
在示例中,我使用了Reset
中添加的默认功能<div class="ui reset button">Reset</div>
。无论如何,我添加了一个按钮来查看强制是否form('reset')
按预期工作。
希望能帮助到你,
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句