[已解决]有没有大佬看一下这个表单校验为什么报错？

17638727142

HTML代码（部分）：

1. <tr>
   
2.                                 <td id="td1">籍贯：</td>
   
3.                                 <td>
   
4.                                         <select name="address" id="address" onchange="checkAddress()">
   
5.                                                 <option value="0">---请选择---</option>
   
6.                                                 <option value="1">北京</option>
   
7.                                                 <option value="2">上海</option>
   
8.                                                 <option value="3">广州</option>
   
9.                                                 <option value="4">深圳</option>
   
10.                                                 <span id="address_span"></span>
    
11.                                         </select>
    
12.                                 </td>
    
13.                         </tr>

复制代码

JS代码（部分）：

1. function checkAddress(){
   
2.         var ad=document.getElementById("address").value;
   
3.         var span=document.getElementById("address_span");
   
4.        
   
5.         if(ad!=0){
   
6.                 span.innerHTML="*地点选择成功！";
   
7.                 span.style.color="green";
   
8.                 return true;
   
9.         }else{
   
10.                 span.innerHTML="*请选择正确的地点！";
    
11.                 span.style.color="red";
    
12.                 return false;
    
13.         }
    
14. }

复制代码

最佳答案

月排行榜 / 总排行榜

不二如是

2018-10-21 07:47:48

1、鱼油代码想实现：表单提交时，下拉框“籍贯”如果未选择，提示绿色字体：请选择正确地点；反之显示绿色字体的地方名称

2、报错：span元素为空；从鱼油给出的代码span元素应该就是用来显示提示字体的。

3、JS部分获取网页中id为address_span的所有span元素：

1. var span=document.getElementById("address_span");

复制代码

然后通过是否选取来修改span元素的值。

4、问题：

1.      <select name="address" id="address" onchange="checkAddress()">
   
2.                                                 <option value="0">---请选择---</option>
   
3.                                                 <option value="1">北京</option>
   
4.                                                 <option value="2">上海</option>
   
5.                                                 <option value="3">广州</option>
   
6.                                                 <option value="4">深圳</option>
   
7.                                                 <span id="address_span"></span>
   
8.                                         </select>

复制代码

因为判断ad的值（select元素中option的value值），有0，1，2，3，4，五种值。

由于span也放在select中，且没有指定任何value值，所以此时有一个为空NULL的存在。

5、解决方案：将span元素放在select外面，这样ad值中不会出现空

1. <select name="address" id="address" onchange="checkAddress()">
   
2.                 <option value="0">---请选择---</option>
   
3.                 <option value="1">北京</option>
   
4.                 <option value="2">上海</option>
   
5.                 <option value="3">广州</option>
   
6.                 <option value="4">深圳</option>
   
7. 
   
8.             </select>
   
9.             <span id="address_span"></span>

复制代码

跳转到最佳答案楼层

ba21

  <span id="address_span"></span>


  var span=document.getElementById("address_span");

这是干嘛用的，一直没用上啊。你去掉应该就可以了吧

不二如是

1、鱼油代码想实现：表单提交时，下拉框“籍贯”如果未选择，提示绿色字体：请选择正确地点；反之显示绿色字体的地方名称

2、报错：span元素为空；从鱼油给出的代码span元素应该就是用来显示提示字体的。

3、JS部分获取网页中id为address_span的所有span元素：

1. var span=document.getElementById("address_span");

复制代码

然后通过是否选取来修改span元素的值。

4、问题：

1.      <select name="address" id="address" onchange="checkAddress()">
   
2.                                                 <option value="0">---请选择---</option>
   
3.                                                 <option value="1">北京</option>
   
4.                                                 <option value="2">上海</option>
   
5.                                                 <option value="3">广州</option>
   
6.                                                 <option value="4">深圳</option>
   
7.                                                 <span id="address_span"></span>
   
8.                                         </select>

复制代码

因为判断ad的值（select元素中option的value值），有0，1，2，3，4，五种值。

由于span也放在select中，且没有指定任何value值，所以此时有一个为空NULL的存在。

5、解决方案：将span元素放在select外面，这样ad值中不会出现空

1. <select name="address" id="address" onchange="checkAddress()">
   
2.                 <option value="0">---请选择---</option>
   
3.                 <option value="1">北京</option>
   
4.                 <option value="2">上海</option>
   
5.                 <option value="3">广州</option>
   
6.                 <option value="4">深圳</option>
   
7. 
   
8.             </select>
   
9.             <span id="address_span"></span>

复制代码

17638727142

不二如是 发表于 2018-10-21 07:47
1、鱼油代码想实现：表单提交时，下拉框“籍贯”如果未选择，提示绿色字体：请选择正确地点；反之显示绿色 ...

谢谢，真的很详细，懂了