javascript - input写了requried 这两种写法都写了，可是都不起作用

Question

Answer 1

谢邀，什么意思，题目我有些没看懂啊。。。

html5的表单验证实在表单提交的时候验证的，你点一下submit或者enter回车提交一下，就可以看到浏览器的表单校验的提示了。

Answer 2

排查一下表单是否正常绑定了validate

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script>
$.validator.setDefaults({
    submitHandler: function() {
      alert("提交事件!");
    }
});
$().ready(function() {
    $("#commentForm").validate();
});
</script>

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>输入您的名字，邮箱，URL，备注。</legend>
    <p>
      <label for="cname">Name (必需, 最小两个字母)</label>
      <input id="cname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <label for="cemail">E-Mail (必需)</label>
      <input id="cemail" type="email" name="email" required>
    </p>
    <p>
      <label for="curl">URL (可选)</label>
      <input id="curl" type="url" name="url">
    </p>
    <p>
      <label for="ccomment">备注 (必需)</label>
      <textarea id="ccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

参考: http://www.runoob.com/jquery/...

Answer 3

HTML 5 <input> required 属性，这个不是所有浏览器都支持，再就是是在表单提交的时候验证的

Answer 4

input或者button的type改成submit试试