大家好,iteye今日开博!有奖问答欢迎参加。。。。。
今天小江让我实现一个很简单的功能,我的写法也是很常规的,但是时间却用掉很不常规的时间,当时的情景是这样的的, 我做一个长度判断,
<tr><td width="14%" class="font_b1" id="Content_Sms">
<div>
短信:
</div>
</td>
<td width="86%" align="left" colspan="3">
<input class="tx" name="affairs.ContentSms" size="101" maxlength="101" onkeyup="javascript:checkPname(this);"/>
<span class="check_pname"></span>
</td>
</tr>
//长度判断
function checkPname(obj){
var message = "";
var length = obj.value.length-1;
if(length>=200 && obj.className=="pname" ){
message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
$(obj).next(".check_pname").css("display","block");
$(obj).next(".check_pname").html(message);
}else if(length>=32 && obj.className=="Type"){
message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
$(obj).next(".check_pname").css("display","block");
$(obj).next(".check_pname").html(message);
}else if(length>=100 && obj.className=="tx"){
message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
$(obj).next(".check_pname").css("display","block");
$(obj).next(".check_pname").html(message);
}else if(length==0 && obj.className=="pname"){
$(obj).next(".check_pname").css("display","inline");
}else{
$(obj).next(".check_pname").css("display","none");
}
}
用法非常简单,但是当我输入的字数超过限制之后<span>就是不显示message,这个问题真奇怪,然后我专门试了试在span中加入了<span class="check_pname">ss</span>
结果就是取不到ss,这可把我急死了,最后请来周董,周董搞了一会,用firefox可以搞定,但是回到Ie又不行,开始以为是缓存问题,但是后来,发现不是这个问题,最后周董慧眼识珠一眼看出<input>的用法有误。所以应该把<input></input>的写法改为<input/>调试成功!!
具体解释:ie会默认的将<input>自动加/如果后边再跟</input>则会出现2个input标签所以jquery找不到对象!!
分享到:
相关推荐
为了优化网页性能,我们还需要考虑SEO(搜索引擎优化),合理使用<head>中的<meta>标签,如设置描述和关键词,以及确保网站内容的可访问性,遵循WCAG(Web Content Accessibility Guidelines)标准。 最后,响应式...
表单标签是指在HTML文档中用于定义表单的标签,包括<form>、<input>、<textarea>等标签。 <form>标签用于定义表单。<input>标签用于定义输入控件。<textarea>标签用于定义多行文本输入控件。 七、框架标签 框架...
<input>标签用于定义表单中的输入框。input标签有多种类型,例如text、password、checkbox、radio等。例如: ``` <input type="text" name="username" /> ``` <select>标签 <select>标签用于定义表单中的下拉列表。...
7. 表单标签:<form>、<input>、<textarea>、<select>,用于定义表单,实现动态交互,通过查看,填写并提交表单信息到服务器端。 8. 分区标签:<div>,用于定义结构化块状元素,作为逻辑分区即容器来使用。 9. ...
* `<input>`: 定义输入框 * `<textarea>`: 定义文本区域 * `<select>`: 定义下拉菜单 * `<option>`: 定义下拉菜单选项 多媒体标签 * `<audio>`: 定义音频 * `<video>`: 定义视频 框架标签 * `<frameset>`: 定义...
14. <hr>:<hr> 标签在 HTML 页面中创建一条水平线。 15. <center>:对其所包括的文本进行水平居中。 16. <a>:<a> 标签可定义锚。锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或...
在网页设计中,`<input>` 标签用于创建各种输入控件,用户可以通过这些控件向服务器提交数据。在你的需求中,你希望在文本框的最右边添加一个“X”图标,使得用户可以点击这个图标来清空输入框的内容,而无需改变...
<input type="text" id="fname" name="fname"><br> </fieldset> ``` ##### 标签:font - **说明**:`<font>` 标签用于指定用于渲染所包含文本的新字体、大小和颜色,但该标签已经被废弃。例如: ```html <font...
<body>中的文本内容标签有:<h1>到<h6>定义不同级别的标题;<p>用于段落;<strong>表示强调,<em>表示重要或斜体;<br>插入换行;<a>创建超链接,href属性指定链接地址。 四、列表标签 <ul>和<ol>用于无序列表和...
表单标签用于在网页中创建表单,常用的表单标签有 `<form>`、`<input>`、`<textarea>` 等。 * `<form>`:表单标签,用于创建表单。 * `<input>`:输入框标签,用于创建输入框。 * `<textarea>`:大量文字输入标签,...
所有的其他HTML标签都应位于`<html>`标签内。 2. `<head>`: 包含文档的元信息,如标题、字符集设置等。它不直接显示在浏览器中,但对网页的运行至关重要。 3. `<title>`: 定义网页的标题,显示在浏览器的标题栏中...
- `<label>`定义标签,与`<input>`配合使用,增强可访问性。 - `<button>`定义按钮,`<fieldset>`和`<legend>`组织相关表单元素。 8. HTML5新增标签: - `<header>`、`<footer>`、`<nav>`、`<section>`、`...
HTML的基本语法是,HTML标签必须由<>包裹,HTML标签一般成对出现,分为开始/开放标签和结束/闭合标签,也称容器。标签与标签之间可以嵌套,但必须正确的嵌套。HTML标签不区分大小写。 HTML的基本结构是:<html>为根...
表单元素是HTML中的重要部分,如`<form>`、`<input>`、`<select>`、`<textarea>`和`<button>`,它们用于创建用户交互界面,收集和提交数据。`<input>`标签非常灵活,可以有不同的类型,如文本输入`type="text"`、复...
超链接是HTML标签中非常重要的一部分,它可以实现从一个页面指向另一个页面的跳转。超链接的语法包括: * 文字超链接:<a href=”被访问的路径” target=”何处打开文档” title=”显示额外信息”>名字</a> * 图像...
* 表单标签:<form>、<input>、<textarea>、<select>、<button> * 表格标签:<table>、<tr>、<td>、<th>、<caption> 此外,本手册还将对 HTML5 的事件属性进行详细的解释,包括 onclick、ondblclick、onmouseover、...
接着是"HTML.ppt",这个可能是更深入的HTML教程,可能涵盖了更复杂的元素和属性,例如表格<table>、表单<form>和其相关的元素如<input>、<select>、<textarea>,还有如何使用<div>和<span>进行页面布局和内容分组。...
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
可以包含输入框`<input>`、按钮`<button>`、下拉框`<select>`等。例如: ``` <form action="/submit" method="post"> <input type="text" name="username" placeholder="请输入用户名"> <input type="password" ...