写一个表单用上javascript有姓名性别男女可选爱好4种可选邮箱格式要求标准手机号码要求只能11位数字简介。绿色背景表单边框1px黑色

<form id="myForm" style="background-color: green; border: 1px solid black;">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name"><br><br>
<p><label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br></p>
<p><label for="hobbies">爱好:</label>
<input type="checkbox" id="reading" name="hobbies[]" value="reading">
<label for="reading">阅读</label>
<input type="checkbox" id="sports" name="hobbies[]" value="sports">
<label for="sports">运动</label>
<input type="checkbox" id="music" name="hobbies[]" value="music">
<label for="music">音乐</label>
<input type="checkbox" id="traveling" name="hobbies[]" value="traveling">
<label for="traveling">旅游</label><br><br></p>
<p><label for="email">邮箱:</label>
<input type="email" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"><br><br></p>
<p><label for="phone">手机号码:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{11}"><br><br></p>
<p><label for="intro">个人简介:</label><br></p>
  <textarea id="intro" name="intro" rows="5" cols="40"></textarea><br><br>
  <input type="button" value="提交" onclick="validateForm()">
</form>
<script>
function validateForm() {
  var name = document.forms["myForm"]["name"].value;
  var gender = document.forms["myForm"]["gender"].value;
  var hobbies = document.forms["myForm"]["hobbies[]"].value;
  var email = document.forms["myForm"]["email"].value;
  var phone = document.forms["myForm"]["phone"].value;
  var intro = document.forms["myForm"]["intro"].value;

  if (name == "") {
    alert("姓名不能为空");
    return false;
  }
  
  if (gender == "") {
    alert("请选择性别");
    return false;
  }
  
  if (hobbies == "") {
    alert("请选择爱好");
    return false;
  }
  
  if (email == "") {
    alert("邮箱不能为空");
    return false;
  }
  
  if (phone == "") {
    alert("手机号码不能为空");
    return false;
  }
  
  if (intro == "") {
    alert("个人简介不能为空");
    return false;
  }
  
  alert("提交成功！");
}
</script>