Javascript 如何在表单之外生成语义错误消息?

Javascript 如何在表单之外生成语义错误消息?,javascript,html,css,Javascript,Html,Css,我有一个问题。我必须使我的错误消息显示在表单外部,但我不知道如何使其显示,因为当错误消息类位于表单内部时,我的javascript正在显示消息。有可能使它脱离形式吗? 这是一张照片,它看起来怎么样。在本例中,我希望在红色按钮下方显示错误 下单 函数submitForm(){ var formValidationRules2= { 公司名称:{ 标识符:“公司名称”, 规则:[ { 键入:“minLength[2]”, 提示:“您的公司名称必须至少为{ruleValue}个字符” } ] },

我有一个问题。我必须使我的错误消息显示在表单外部,但我不知道如何使其显示,因为当错误消息类位于表单内部时,我的javascript正在显示消息。有可能使它脱离形式吗? 这是一张照片,它看起来怎么样。在本例中,我希望在红色按钮下方显示错误


下单

函数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();
 }

}