A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始


  1. <P><head>
  2. <title>表单注册</title>
  3. <style type="text/css">
  4. table{
  5. border:#0066ff 1px solid;
  6. width:500px;
  7. border-collapse:collapse;
  8. }
  9. table td,table th{
  10. padding:2px;
  11. }
  12. .errorinfo{
  13. color:#ff0000;
  14. display:none;
  15. }
  16. </style>
  17. <script type="text/javascript">
  18. //校验性别是否填写
  19. function checkSex(){
  20. var temp=false;
  21. var xbObj1=document.getElementById("nan");
  22. var xbObj2=document.getElementById("nv");
  23. if(xbObj1.checked || xbObj2.checked){
  24. temp=true;
  25. }
  26. return temp;
  27. }
  28. function checkform(sexNode){
  29. var divNode=document.getElementById("sexdiv");
  30. if(!checkSex()){
  31. sexNode.className="error";
  32. divNode.style.display="block";
  33. return false;
  34. }
  35. else{
  36. sexNode.className="norm";
  37. divNode.style.display="none";
  38. }
  39. }
  40. </script>
  41. </head>
  42. <body>
  43. <form>
  44. <table>
  45. <tr>
  46. <th>注册表单</th>
  47. </tr></P>
  48. <P>
  49. tr>
  50. <th>
  51. <div>
  52. 性别:<input type="radio" name="sex" id="nan" onblur="checkform(this)"/>男
  53. <input type="radio" name="sex" id="nv" onblur="checkform(this)"/>女
  54. </div>
  55. <div class="errorinfo" id="sexdiv">必填</div>
  56. </th>
  57. </tr></P>
  58. <P>
  59. <tr>
  60. <th>
  61. <div>
  62. 城市:<select name="country" onblur="checkCounty(this)">
  63. <option value="none">--选择省份--</option>
  64. <option value="hainan">海南省</option>
  65. <option value="guangdong">广东省</option>
  66. <option value="hunan">湖南省</option>
  67. <option value="other">其他</option>
  68. </select>
  69. </div>
  70. <div class="errorinfo" id="countydiv">必填</div>
  71. </th>
  72. </tr>

  73. <tr>
  74. <th>
  75. <div>兴趣爱好</div>
  76. <div><input type="checkbox" name="interests" value="basketball"/>篮球
  77. <input type="checkbox" name="interests" value="football"/>足球
  78. <input type="checkbox" name="interests" value="music"/>音乐
  79. <input type="checkbox" name="interests" value="film"/>电影
  80. <input type="checkbox" name="interests" value="others"/>其他</div>
  81. <div class="errorinfo" id="interestsdiv">必填</div>
  82. </th>
  83. </tr>
  84. </table>
  85. </form>
  86. </body></P>
复制代码

1 个回复

倒序浏览
一个注册表单,这是其中搞不出来结果的部分,当性别,城市,爱好,简介中任意一个没填写时就给出提示,这是需求
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马