css实现原生form表单label必填选项红色*样式，以及js控制必填校验

文章目录

• 一、css实现原生form表单label必填选项红色*样式，以及js控制必填校验？
• 二、实现方案
• 参考原文

一、css实现原生form表单label必填选项红色*样式，以及js控制必填校验？

二、实现方案

1.css实现原生form表单label必填选项红色*样式代码如下（示例）：

 <div class="isCross comItem" required>
     <label for="isCross">是否涉及跨境业务:</label>
     <div class="content">
          <div>
              <input type="radio" name="isCross" />
              <span>是</span>
          </div>
    </div>
     <div>
          <input type="radio" name="isCross" />
          <span>否</span>
     </div>
</div>

.comItem[required="required"] label:before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

js控制必填校验  最后参考这个博主的，写的很好。大家可以参考： 原生JS实现表单验证 - 掘金 (juejin.cn)

参考原文

原生JS实现表单验证 - 掘金 (juejin.cn)

bootstrap：表单必填项*标识，及提交前校验 - 秋寻草 - 博客园 (cnblogs.com)