如何最好地将客户端验证添加到这两个字段中

how would I best add client side validation to these two fields

本文关键字：两个 字段 何最好 客户端 添加 验证      更新时间：2023-09-26

当用户选择"您的浸礼会健康体验"时。如何最好地对"姓名和联系信息"输入字段应用客户端验证？

<ul class="textinput reason gridA">
  <li><p class="feedback"><label><input runat="server" type="radio" name="feedbackreason[]" aria-label="What would you like to tell us about?" aria-valuetext="Your Baptist Health experience" title="What would you like to tell us about?: Your Baptist Health experience" id="bhexperience"  class="feedbackreason reqType" value="bd" clientidmode="Static" /> Your Baptist Health experience</label></p></li>
  <li class="block panel-content marginT20">
      <div class="hidePanel" style="display:none">
      <p class="hl4">To enable us to respond to your comments, would you please let us know who to contact?</p>
      <p class="marginT10 marginL10"><label for="feedbackName" class="alignL">Name:</label><input type="text" name="feedbackName" id="feedbackName" class="text feedbackName marginL5" title="feedback Name" /><br />
      <br />
      <label for="contactInfo" class="alignL">Contact Information:</label><input type="text" name="contactInfo" id="contactInfo" class="text contactInfo marginL5" title="Contact Information" /></p>
      <p class="hl4 marginT10">For immediate patient portal service, please call
      <br />
      <strong><a class="phoneCall" style="color: mediumvioletred" href="tel:18446220622">1.844.622.0622</a></strong> (toll-free, 24/7)</p>       
      </div>
  </li>
</ul>

将必需的添加到要强制用户填写的输入元素中。

<ul class="textinput reason gridA">
  <li>
    <p class="feedback">
      <label>
        <input runat="server" type="radio" name="feedbackreason[]" aria-label="What would you like to tell us about?" aria-valuetext="Your Baptist Health experience" title="What would you like to tell us about?: Your Baptist Health experience" id="bhexperience"
        class="feedbackreason reqType" value="bd" clientidmode="Static" /> Your Baptist Health experience</label>
    </p>
  </li>
  <li class="block panel-content marginT20">
    <div class="hidePanel" style="">
      <p class="hl4">To enable us to respond to your comments, would you please let us know who to contact?</p>
      <p class="marginT10 marginL10">
        <label for="feedbackName" class="alignL">Name:</label>
        <input type="text" name="feedbackName" id="feedbackName" class="text feedbackName marginL5" title="feedback Name" required>
        <br />
        <br />
        <label for="contactInfo" class="alignL">Contact Information:</label>
        <input type="text" name="contactInfo" id="contactInfo" class="text contactInfo marginL5" title="Contact Information" required>
      </p>
      <p class="hl4 marginT10">For immediate patient portal service, please call
        <br />
        <strong><a class="phoneCall" style="color: mediumvioletred" href="tel:18446220622">1.844.622.0622</a></strong> (toll-free, 24/7)</p>
    </div>
  </li>
</ul>
相关文章：