Javascript 如何在表单之外生成语义错误消息?
我有一个问题。我必须使我的错误消息显示在表单外部,但我不知道如何使其显示,因为当错误消息类位于表单内部时,我的javascript正在显示消息。有可能使它脱离形式吗? 这是一张照片,它看起来怎么样。在本例中,我希望在红色按钮下方显示错误Javascript 如何在表单之外生成语义错误消息?,javascript,html,css,Javascript,Html,Css,我有一个问题。我必须使我的错误消息显示在表单外部,但我不知道如何使其显示,因为当错误消息类位于表单内部时,我的javascript正在显示消息。有可能使它脱离形式吗? 这是一张照片,它看起来怎么样。在本例中,我希望在红色按钮下方显示错误 下单 函数submitForm(){ var formValidationRules2= { 公司名称:{ 标识符:“公司名称”, 规则:[ { 键入:“minLength[2]”, 提示:“您的公司名称必须至少为{ruleValue}个字符” } ] },
下单
函数submitForm(){
var formValidationRules2=
{
公司名称:{
标识符:“公司名称”,
规则:[
{
键入:“minLength[2]”,
提示:“您的公司名称必须至少为{ruleValue}个字符”
}
]
},
公司代码:{
标识符:“公司代码”,
规则:[
{
键入:“minLength[4]”,
提示:“您的公司代码必须至少为{ruleValue}个字符”
}
]
},
公司地址:{
标识符:“公司地址”,
规则:[
{
键入:“minLength[10]”,
提示:“您的公司地址必须至少为{ruleValue}个字符”
}
]
}
}
$(“#公司表格”)。表格(表格验证规则2);
$(“#公司表格”).form(“验证表格”);
if($(“#companyForm”).form('is valid')){
joooo();
}
}
您可以共享一把工作小提琴吗?然后使用document.getElementById(“ui错误消息”).innerHTML=prompt@user3344236谢谢,它有帮助:)你能分享一把工作小提琴吗?使用then document.getElementById(“ui错误消息”).innerHTML=prompt@用户3344236谢谢,这很有帮助:)
<form class="ui form" id="companyForm" style="margin-top:1em">
<div class="two fields">
<div class="field">
<input type="text" name="companyName" placeholder="Company name">
</div>
<div class="field">
<input type="text" name="companyCode" placeholder="Company code">
</div>
</div>
<div class="field">
<input type="text" name="companyAddress" placeholder="Company address">
</div>
<div class="ui error message"></div>
</form>
<div class="ui bottom attached red button" onclick="submitForm(this);">
<p><b>Place order</b> <i class="large shop icon"></i></p>
</div>
<div class="ui error message"></div>
function submitForm(){
var formValidationRules2 =
{
companyName: {
identifier: 'companyName',
rules: [
{
type : 'minLength[2]',
prompt : 'Your Company name must be at least {ruleValue} characters'
}
]
},
companyCode: {
identifier: 'companyCode',
rules: [
{
type : 'minLength[4]',
prompt : 'Your Company code must be at least {ruleValue} characters'
}
]
},
companyAddress: {
identifier: 'companyAddress',
rules: [
{
type : 'minLength[10]',
prompt : 'Your Company address must be at least {ruleValue} characters'
}
]
}
}
$("#companyForm").form(formValidationRules2);
$("#companyForm").form('validate form');
if($("#companyForm").form('is valid')){
joooo();
}
}