设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › JS代码无法正常运行，请教……
返回列表 发新帖
查看: 2081|回复: 3

[已解决]JS代码无法正常运行，请教……

[复制链接]
hawzt1
发表于 2020-6-5 11:45:10 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
本帖最后由 hawzt1 于 2020-6-5 12:10 编辑
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>表单注册和验证</title>
  5. <script>
  6.     function check(){
  7.         fr=document.form1;
  8.         if(fr.uid.value == ""){
  9.             alret("用户ID必须要写!");
  10.             fr.uid.focus();
  11.             return false;
  12.         }
  13.         if((fr.pew1.value != "") || (fr.psw.value != "")){
  14.             if(fr.psw1.value != fr.psw2.value){
  15.                 alert("密码不一致，请重新输入并验证密码！");
  16.                 fr.psw1.focus();
  17.                 return false;
  18.             }
  19.         }else{
  20.             alert("密码不能为空！");
  21.             fr.psw1.focus();
  22.             return false;
  23.         }
  24.         if(fr.gender.value=="")
  25.         {
  26.             alert("性别必须要填写！");
  27.             fr.name.focus();
  28.             return false;
  29.         }
  30.         fr.submit();
  31.     }
  32. </script>
  33. </head>
  34. <body>
  35.     <form name="form1" id="form1" method="get">
  36.         <table border="1" align="center" width=350>
  37.         <tr align="middle">
  38.             <th colSpan=2 height=24>新用户注册</th>
  39.         </tr>
  40.         <tr>
  41.             <td width="40%">
  42.                 <b>用&nbsp户&nbsp;名</b>:
  43.             </td>
  44.             <td width="60%">
  45.                 <input maxLength="10" size=30 name="uid" type="text">
  46.             </td>
  47.         </tr>
  48.         <tr>
  49.             <td>
  50.                 <b>性&nbsp;&nbsp;&nbsp;&nbsp;别</b>:
  51.             </td>
  52.             <td>
  53.                 <input type=radio CHECKED value="boy" name="gender">男孩
  54.                 <input type=radio value="girl" name="gender">女孩
  55.             </td>
  56.         </tr>
  57.         <tr>
  58.             <td>
  59.                 <b>密&nbsp;&nbsp;&nbsp;&nbsp;码</b>:
  60.             </td>
  61.             <td>
  62.                 <input name="psw1" type="password" size=32>
  63.             </td>
  64.         </tr>
  65.         <tr>
  66.             <td>
  67.                 <b>确认密码</b>:
  68.             </td>
  69.             <td>
  70.                 <input name="psw2" type="password" size=32>
  71.             </td>
  72.         </tr>
  73.         <tr>
  74.             <td>
  75.                 <b>密码问题</b>:
  76.             </td>
  77.             <td>
  78.                 <input type=text size=30 name="question" type="text">
  79.             </td>
  80.         </tr>
  81.         <tr>
  82.             <td>
  83.                 <b>问题答案</b>:
  84.             </td>
  85.             <td>
  86.                 <input type=text size=30 name="answer" type="text">
  87.             </td>
  88.         </tr>
  89.         <tr>
  90.             <td>
  91.                 <b>Email</b>:
  92.             </td>
  93.             <td>
  94.                 <input maxlength=50 size=30 name="aemail" type="text">
  95.             </td>
  96.         </tr>
  97.         <tr>
  98.             <td>
  99.                 <b>联系电话</b>:
  100.             </td>
  101.             <td>
  102.                 <input maxlength=50 size=30 name="answer" type="text">
  103.             </td>
  104.         </tr>
  105.         <tr>
  106.             <td>
  107.                 <b>职&nbsp;&nbsp;&nbsp;&nbsp;业</b>:
  108.             </td>
  109.             <td>
  110.                 <select name="career" class="input1">
  111.                 <option value="student" selected="selected">学生</option>
  112.                 <option value="worker">工人</option>
  113.                 <option value="teacher">老师</option>
  114.                 <option value="famer">农民</option>
  115.                 <option value="business">商人</option>
  116.             </td>
  117.         </tr>
  118.         <tr>
  119.             <td>

  121.             </td>
  122.             <td>
  123.                 <input type=submit value="注 册" name=Submit onclick="return check()">
  124.                 <input type="reset" value="清 除" name=Submit2>
  125.             </td>
  126.         </tr>
  127.     </table>
  128.     </form>
  129. </body>
  130. </html>
复制代码
最佳答案
月排行榜 / 总排行榜
Darth_EF
2020-6-5 18:37:48
html文件是从前往后加载的,加载到script标签直接就会运行。你的代码写在要获取的东西前面，执行script时就会获取不到。可以用window.onload(窗口加载完成时的事件)或者把script标签挪到body最后面
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

wp231957
发表于 2020-6-5 13:13:53 From FishC Mobile | 显示全部楼层
挪到128行之后
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

xiaosi4081
发表于 2020-6-5 17:12:56 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>表单注册和验证</title>

  6. </head>
  7. <body>
  8.     <form name="form1" id="form1" method="get">
  9.         <table border="1" align="center" width=350>
  10.         <tr align="middle">
  11.             <th colSpan=2 height=24>新用户注册</th>
  12.         </tr>
  13.         <tr>
  14.             <td width="40%">
  15.                 <b>用&nbsp户&nbsp;名</b>:
  16.             </td>
  17.             <td width="60%">
  18.                 <input maxLength="10" size=30 name="uid" type="text">
  19.             </td>
  20.         </tr>
  21.         <tr>
  22.             <td>
  23.                 <b>性&nbsp;&nbsp;&nbsp;&nbsp;别</b>:
  24.             </td>
  25.             <td>
  26.                 <input type=radio CHECKED value="boy" name="gender">男孩
  27.                 <input type=radio value="girl" name="gender">女孩
  28.             </td>
  29.         </tr>
  30.         <tr>
  31.             <td>
  32.                 <b>密&nbsp;&nbsp;&nbsp;&nbsp;码</b>:
  33.             </td>
  34.             <td>
  35.                 <input name="psw1" type="password" size=32>
  36.             </td>
  37.         </tr>
  38.         <tr>
  39.             <td>
  40.                 <b>确认密码</b>:
  41.             </td>
  42.             <td>
  43.                 <input name="psw2" type="password" size=32>
  44.             </td>
  45.         </tr>
  46.         <tr>
  47.             <td>
  48.                 <b>密码问题</b>:
  49.             </td>
  50.             <td>
  51.                 <input type=text size=30 name="question" type="text">
  52.             </td>
  53.         </tr>
  54.         <tr>
  55.             <td>
  56.                 <b>问题答案</b>:
  57.             </td>
  58.             <td>
  59.                 <input type=text size=30 name="answer" type="text">
  60.             </td>
  61.         </tr>
  62.         <tr>
  63.             <td>
  64.                 <b>Email</b>:
  65.             </td>
  66.             <td>
  67.                 <input maxlength=50 size=30 name="aemail" type="text">
  68.             </td>
  69.         </tr>
  70.         <tr>
  71.             <td>
  72.                 <b>联系电话</b>:
  73.             </td>
  74.             <td>
  75.                 <input maxlength=50 size=30 name="answer" type="text">
  76.             </td>
  77.         </tr>
  78.         <tr>
  79.             <td>
  80.                 <b>职&nbsp;&nbsp;&nbsp;&nbsp;业</b>:
  81.             </td>
  82.             <td>
  83.                 <select name="career" class="input1">
  84.                 <option value="student" selected="selected">学生</option>
  85.                 <option value="worker">工人</option>
  86.                 <option value="teacher">老师</option>
  87.                 <option value="famer">农民</option>
  88.                 <option value="business">商人</option>
  89.             </td>
  90.         </tr>
  91.         <tr>
  92.             <td>

  94.             </td>
  95.             <td>
  96.                 <input type=submit value="注 册" name=Submit onclick="return check()">
  97.                 <input type="reset" value="清 除" name=Submit2>
  98.             </td>
  99.         </tr>
  100.     </table>
  101.     </form>
  102.     <script>
  103.     function check(){
  104.         fr=document.form1;
  105.         if(fr.uid.value == ""){
  106.             alret("用户ID必须要写!");
  107.             fr.uid.focus();
  108.             return false;
  109.         }
  110.         if((fr.pew1.value != "") || (fr.psw.value != "")){
  111.             if(fr.psw1.value != fr.psw2.value){
  112.                 alert("密码不一致，请重新输入并验证密码！");
  113.                 fr.psw1.focus();
  114.                 return false;
  115.             }
  116.         }else{
  117.             alert("密码不能为空！");
  118.             fr.psw1.focus();
  119.             return false;
  120.         }
  121.         if(fr.gender.value=="")
  122.         {
  123.             alert("性别必须要填写！");
  124.             fr.name.focus();
  125.             return false;
  126.         }
  127.         fr.submit();
  128.     }
  129. </script>
  130. </body>
  131. </html>
复制代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

Darth_EF
发表于 2020-6-5 18:37:48 | 显示全部楼层    本楼为最佳答案   
html文件是从前往后加载的,加载到script标签直接就会运行。你的代码写在要获取的东西前面，执行script时就会获取不到。可以用window.onload(窗口加载完成时的事件)或者把script标签挪到body最后面
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-20 04:20

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表