注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

融智技术学院

融智技术学院163分站,为广大好友提供更多的帮助

 
 
 

日志

 
 

【JavaScript每日一问】JavaScript在IE8和9中正常,而Chrome中不正常,怎么办?  

2014-05-26 13:28:09|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

 

Q

下面的Javascript,看上去下拉框是否被搜索了.如果没有初五星系就显示内容.问题是这个代码在IE9IE8种很正常,但是在Chrome中不能用.有一个简单解决方式是添加"required"属性在标签中,但是我想知道代码不能用原因。

  • <form name="form1" action="insert.php" method="post" onsubmit="return validateForm()">
    <table name="table1">
        
    <tr>
           
    <td>
               
    <select name="fruits">
                   
    <option selected disabled>Please Select</option>
                   
    <option value="banana>banana</option>
                   
    <option value="apple>apple</option>
               
    </select>
           
    </td>
       
    </tr>
    </table>
    <input type="submit" value="Submit"/>
    </form>
  • <script type="text/javascript">
       
    function validateForm()
        {
       
    var x=document.forms["form1"]["fruits"].value;
       
    if (x==null || x=="")
          {
          alert(
    "Please Select Fruit");
         
    return false;
          }
        }
    </script>

译文

A:

请复习一下这段代码,required是惠特曼来的属性而且默认检查empty值。

  • <form name="form1" action="insert.php" method="post" onSubmit="return validateForm()">
       
    <table name="table1">
           
    <tr>
               
    <td>
                   
    <select name="fruits">
                       
    <option value=" "  disabled>Please Select</option>
                       
    <option value="banana">banana</option>
                       
    <option value="apple">apple</option>
                   
    </select>
               
    </td>
           
    </tr>
       
    </table>
       
    <input type="submit" value="Submit" />
    </form>
    <script>
       
    function validateForm() {
           
    var x = document.forms["form1"]["fruits"].value;
  • if (x == null || x == " ") {
                alert(
    "Please Select Fruit");
               
    return false;
            }
        }
    </script>
温馨提示:您的支持与理解,是我们工作最大的动力。如果您是从网上购买的图书,请在对应的网店,给予本书一个好评,我们将衷心感谢!!!
以下是HTML+CSS网页设计详解》对应的购书评论地址:
当当网:http://product.dangdang.com/23423206.html
亚马逊:http://www.amazon.cn/dp/B00IICLL8W
京东网:http://item.jd.com/11406922.html

  评论这张
 
阅读(8)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017