工作中碰到的js问题(disabled表单元素不能提交到服务器)

今天碰到一个奇葩的问题,asp页面表单提交后,有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了,

这个标签在form表单内,也有name属性,但是在后台就是获取不了这个标签的值,而其他的文本框、复选框都可以获取到,这可就奇怪了!

几经周折,终于找到了原因,原来我在提交表单的时候,name = "phone"这个标签此时在一个javascript事件中被禁用了,即完整的该标签状态为:

<input type="text" name="phone" id="phone" disabled />

从而导致在asp后台不能phone这个参数的值。意思应该是phone标签在客户端被禁用了,表单提交就不会提交到服务器去。

解决办法,是设置该标签为可读:<input type="text" name="phone" id="phone" readonly="readonly" />

这样的话,既保证了标签内的东西不能随便修改,也能够提交到服务器里去

-------------------------------------------------------------------------------

---------------------  其他js笔记 -----------------------------------------

------------------------------------------------------------------------------

1、图片预加载中,在谷歌浏览器获取图片的宽高为0px,代码如下:

var img = new Image();

img.src=”images/1.jpg”;

var width=img.width+20;var height=img.height+75;

这段代码在IE/Firefox浏览器中,是能够获取到img对象的宽度和高度,但是在谷歌浏览器中获取宽高的值为0px。

  什么原因?

  应该是这段代码,在谷歌浏览器中图片还没加载完,此时获取图片的宽度和高度自然是0px。解决办法,应该写成:

var img = new Image();

img.onload=function(){

  var width = img.width+20;

  var height = img.height+75;

}

img.src=”images/1.jpg”;

  这样后不管在IE/Firefox, 还是在Google浏览器中,都可以获取图片对象的宽高了

2、想实现一个功能,页面有一个div区域,需要做到点击这个div区域外的其他地方,关闭这个div区域。所以需要做到获取鼠标的坐标,然后根据坐标位置和这个div的位置来隐藏:

//监听鼠标点击
document.onmousedown = function (event) {
    var xPos, yPos; //鼠标坐标
    event = event || window.event;
    if (event.pageX) {
        xPos = event.pageX;
        yPos = event.pageY;
    } else {
        xPos = event.clientX + document.body.scrollLeft - document.body.clientLeft;
        yPos = event.clientY + document.body.scrollTop - document.body.clientTop;
    }

    var tmpObjs = $(".birDetailOn"); //需要隐藏的div块(可能有多个这种div)

    if (tmpObjs.length > 0) {
        var isHidden = true;

        for (var i = 0; i < tmpObjs.length; i++) {
            var obj = tmpObjs[i];
            var top = $(obj).offset().top;  //该div的距离顶部的位置
            var left = $(obj).offset().left;  //距离左边的位置
            var width = obj.offsetWidth;    //该div的宽度
            var height = obj.offsetHeight;  //该div的高度
        
        //判断鼠标坐标是否在div区域之内(在div区域内,就不隐藏该div)
            if (xPos >= left && xPos <= (left + width) && yPos >= top && yPos <= (top + height)) {
                isHidden = false;
            }
        }

        if (isHidden) $(".birDetailOn").css({ "display": "none" }).removeClass("birDetailOn");
    }
}

3、JS中for循环支持break、continue、return关键字,效果和C#一样(break跳出循环,continue跳过当前循环,return方法里循环后所有代码都不在执行);

  对于each循环,不支持break和continue关键字,支持return,return就像是for循环里面的continue关键字效果一样,碰到return当前循环的后面代码不再执行,执行下一个循环;

  each支持return false,碰到return false就像相当于for循环中break,跳出循环,执行循环外后面的代码!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

基础篇章:关于 React Native 的props,state,style的讲解

(友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) React Native看起来很像React...

187100
来自专栏lhyt前端之路

浏览器原理0. 前言1. 解析过程2. 渲染树2.1 CSS样式计算2.2 构建渲染树3. 布局(重要)4. 重绘与重排(重要)5. paint(绘制)6. composite(重要)7. 浏览器加载

身为前端,打交道最多的就是浏览器和node了,也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程,......,我们直接来到收到...

27920
来自专栏影子

jQuery中的常用内容总结(二)

14940
来自专栏葡萄城控件技术团队

Spread for Windows Forms高级主题(6)---数据绑定管理

自定义列和区域的数据绑定 当表单被绑定到一个数据集时,表单中的列就会相继的被分配到数据集的区域上。例如,第一个数据域分配给列A,第二个数据区域分配给列B,等等。...

226100
来自专栏Elson's web

来,vue弹窗插件走一个

记得有一次组内分享,以弹窗为例讲了如何创建可复用的vue组件,后面发现这个例子并不恰当(bei tiao zhan),使用组件需要先import,再注册,然后再...

1.8K130
来自专栏陈纪庚

手把手教你实现一个引导动画

最近看了一些文章,知道了实现引导动画的基本原理,所以决定来自己亲手做一个通用的引导动画类。

13010
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native之React速学教程(中)

React Native之React速学教程(中) 本文出自《React Native学习笔记》系列文章。 React Native是基于React的,在开发R...

31880
来自专栏编程语言

Python:pygame的初步使用

4.创建窗口,pygame.display.set_mode(resolution=(0,0),flags=0,depth=0),resolution窗口大小,...

9000
来自专栏影子

jQuery中的常用内容总结(二)

转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html

13730
来自专栏技术小黑屋

也说CSS之not:为样式加入例外处理

使用Octopress作为日常的博客发布工具,在加入多说评论的时候遇到了一个问题,顺带接触了css中的not选择,用来将某些Css选择器加入例外,不应用指定的c...

19730

扫码关注云+社区

领取腾讯云代金券