javascript - HTML5 设置输入类型 ="color"需要

Question

我需要为 <input type="color"/> 设置所需的值.我尝试添加 required="required"但它不起作用。我认为它以这种方式发生，因为黑色已经设置为默认颜色。 (这里required是指用户必须打开颜色选择器，选择需要的颜色，即使是黑色。)

Answer 1

这是一个涉及 jquery 的解决方案。

var picked = false;

$("#color-picker").click(function(){
  picked = true;
});

function validateForm() {
  if (!picked) {
    //code to tell user they didn't pick a color e.g. alert("Please pick a color")
  }
  return picked;  
}

<form onsubmit="return validateForm()">
  <input type="color" id="color-picker"/>
  <input type="submit" value="submit"/>
</form>