Javascript 使用modal时验证表单?
我尝试进行表单验证,但如果我点击“提交”,表单将在给我反馈之前消失:Javascript 使用modal时验证表单?,javascript,jquery,forms,semantic-ui,Javascript,Jquery,Forms,Semantic Ui,我尝试进行表单验证,但如果我点击“提交”,表单将在给我反馈之前消失: <div class="ui right aligned grid"> <div class="ui three wide column"> <div class="ui center aligned inverted orange segment"> <div class="ui animated fade large inverte
<div class="ui right aligned grid">
<div class="ui three wide column">
<div class="ui center aligned inverted orange segment">
<div class="ui animated fade large inverted button" onclick="contact()">
<div class="visible content">Say Something!</div>
<div class="hidden content">Express yourself ;)</div>
</div>
</div>
</div>
</div>
<div class="ui first coupled modal">
<i class="close icon"></i>
<div class="header">
tell me something
</div>
<div class="content">
<form class="ui form" method="post" action="/msg">
<h4 class="ui dividing header">What do you think</h4>
<div class="field">
<label><i class="write icon"></i></label>
<textarea name="txt" class="field" placeholder="write something" required></textarea>
<input class="ui green button" type="submit" value="gtt"/>
</form>
</div>
</div>
</div>
<div class="ui small second coupled modal">
<div class="header">
<i class="red heart icon"></i>
</div>
<div class="content">
<div class="description">
<h1>Thank you</h1>
</div>
</div>
<div class="actions">
<div class="ui approve inverted blue button">
<i class="checkmark icon"></i>
Bye ^_^
</div>
</div>
下面是第一个windows是如何在不让我验证的情况下消失的。
更新:我添加了验证,但不起作用:
$('.ui.form')
.form({
message: {
identifier : 'msg',
rules: [
{
type : 'empty',
prompt : 'Please enter a message'
}
]
},
})
) 执行逻辑的onApprove和onDeny回调在哪里
模态消失但调光器仍在屏幕上这一事实表明js中存在错误。转到调试器并找出答案。您的联系人功能在哪里?@D4V1D抱歉,我更新了这个问题,因为只有在单击按钮时才会调用联系人。您已经分隔了HTML代码,是否有多个HTML文件?不,最后它们是一个,分离是在服务器上完成的,您的图片显示HTML 5验证,由浏览器本身根据您的HTML 5属性进行控制;与JavaScript无关。如果需要对验证进行更多控制,可以编写自己的JavaScript或使用jQuery插件。
$('.ui.form')
.form({
message: {
identifier : 'msg',
rules: [
{
type : 'empty',
prompt : 'Please enter a message'
}
]
},
})