js 如何限制input提交？

Question

如何用js限制 姓名和手机号不能为空
大神帮忙改改 主要用于h5公众号页面

<form method="post" id="register-form"  action="auth.php" class="nice-validator n-default">
            <div class="form-group">
              <input type="text" class="form-control" id="name" name="name" placeholder="姓名" autocomplete="off" required="required" />
            </div>
            <div class="form-group">
              <input type="password" class="form-control" id="phone" name="phone" placeholder="手机号" autocomplete="off" required="required" />
            <input type="hidden" value="职工"/>
            </div>
            <div id="validator-tips" class="validator-tips"></div>
            <!-- <div class="checkbox">
              <label>
                <input type="radio" name="ag">
                供应商 </label>
                <label>
                  <input type="radio" name="ag">
                  123</label>
               </div> -->
            <div class="form-center-button">
              <button type="submit" id="submit_button" class="btn btn-primary btn-current">注册</button>
            </div>
          </form>

Answer 1

document.getElementById('register-form').onsubmit = function(e) {
  var name = document.getElementById('name').value.trim()
  var phone = document.getElementById('phone').value.trim()
  if(!name || !phone) {
    e.preventDefault()
    alert(name?'手机号不能为空':'姓名不能为空')
  }
}

你也可以在html上指定pattern，就是校验样式上可能会不太好看