红色字体部分:$('#dealForm')[0].reset();
使用jquery提交表单时,$('#dealForm').reset(); 会提示没有此属性或者方法,必须加上[0];
<html>
<head>
<title>测试字符串</title>
<script src="jquery-1.4.2.min.js"></script>
<script>
function doSubmit1(){
document.getElementById('dealForm').submit();
}
function doReset1(){
document.getElementById('dealForm').reset();
}
function doSubmit2(){
$('#dealForm').submit();
}
function doReset2(){
$('#dealForm')[0].reset();
}
function doChange(index){
alert($("#country").val());
}
</script>
</head>
<body>
<form id="dealForm" action="#;" method="post">
<input type="text" id="custNoInForm" name="custNoInForm"/>
<input type="text" id="productNo" name="productNo"/>
<input type="text" id="flag" name="flag"/>
<input type="text" id="operation" name="operation"/>
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<br/>
<input type="button" value="提交1" onclick="doSubmit1();"/>
<input type="button" value="重置1" onclick="doReset1();"/>
<input type="button" value="提交2" onclick="doSubmit2();"/>
<input type="button" value="重置2" onclick="doReset2();"/>
</form>
<input type="button" value="模板" onclick="openModelSMSWin();" />
<br/>
<select name="country" id="country" onchange="doChange(this.selectedIndex);">
<option value="123">123</option>
<option value="456">456</option>
<option value="789">789</option>
</select>
</body>
</html>
分享到:
相关推荐
4. **优化与注意事项** - JSON对象中的嵌套对象和数组需要特殊处理,不能直接转换为URL编码的字符串。对于嵌套的对象,可以递归地调用`jsonToFormParams()`;对于数组,可以考虑将其转换为逗号分隔的字符串或者多个...
在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱,而`jquery.form.js`则是jQuery的一个重要插件,它扩展了jQuery对表单处理的功能,使得表单的提交、异步上传、验证等操作变得更加简单易行。...
jQuery.form.js是一款基于jQuery库的插件,它为开发者提供了方便、灵活的表单处理功能,尤其在异步(AJAX)提交表单方面表现出色。这款插件使得在网页上实现无刷新的文件上传和数据提交变得简单易行,大大提升了用户...
注意事项 - 确保所有要填充的表单字段都有唯一的name属性,以便于匹配数据。 - 如果表单元素是动态生成的,记得在元素加载完成后再调用`.formautofill()`方法。 - 避免在事件处理函数中直接修改已填充的表单数据,...
总之,理解jQuery中表单序列化的机制和注意事项是创建高效、健壮的前端表单提交逻辑的关键。正确使用`readonly`和`disabled`属性,以及`name`属性,可以确保在需要时正确地捕捉和发送表单数据。同时,根据实际需求...
五、使用jQuery的注意事项 1. 引入方式:可以通过CDN(内容分发网络)或者本地文件引入jQuery,CDN能提高加载速度,本地文件则适用于离线或隐私保护的场景。 2. 兼容性:虽然jQuery对老版本浏览器有较好的支持,但...
### jQuery语法和注意事项 #### 一、页面元素的引用 在使用jQuery进行页面元素操作时,最基础也是最重要的就是能够准确地引用到页面中的元素。jQuery提供了多种方式来选取元素,包括通过`id`、`class`、`标签名`等...
#### 五、注意事项 1. **安全性**:确保对用户提交的数据进行有效的验证和过滤,防止XSS攻击等安全问题。 2. **兼容性**:测试不同浏览器下的表现,确保功能的稳定性和一致性。 3. **性能优化**:考虑使用缓存机制...
1. **Ajax化文件上传**:`jquery.form.js`将传统的表单提交转变为Ajax方式,使得文件上传无需刷新页面,提供更好的用户体验。 2. **异步上传**:利用Ajax技术,文件上传可以在后台进行,用户可以继续浏览其他页面,...
9. **注意事项**: - 当处理表单元素时,需确保所有复制和删除操作都遵循W3C标准,保持良好的前端性能和用户体验。 - 如果涉及到用户数据,应确保数据安全,遵循隐私政策,特别是在删除数据时。 通过这个压缩包,...
#### 三、实际应用中的注意事项 在实际开发过程中,需要注意以下几点: 1. **兼容性问题:** `onpropertychange`事件主要被IE浏览器支持,其他现代浏览器更倾向于使用`oninput`事件。因此,在开发时应考虑兼容性...
6. 使用场景和注意事项: 在使用Ajax提交表单数据时,需要注意以下几点:首先,确保数据被正确序列化并且格式符合服务器端脚本的要求;其次,由于Ajax提交不会导致页面刷新,需要在客户端进行输入验证,防止非法数据...
- `readme.txt`: 通常包含了快速入门信息和注意事项,帮助你开始使用这个框架。 - `locale` 目录:包含了不同语言的本地化文件,方便你调整应用的语言环境。 - `demo` 目录:包含了一些实际的示例代码,可以作为...
#### 四、注意事项 1. **安全性** - 在发送敏感数据时,应考虑使用HTTPS协议来加密传输过程。 - 需要确保服务器端验证所有提交的数据,防止SQL注入等安全风险。 2. **用户体验** - 使用AJAX提交表单时,应提供...
jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...
这里我们将深入探讨jQuery的一些注意事项和常用语法,这对于任何正在学习或使用jQuery的人来说都是十分重要的。 1. **选择器中的特殊字符**: 当选择器中包含"."、"#"、"("、"]"等特殊字符时,必须进行转义。例如...
在本项目中,我们主要探讨如何使用...在"使用须知.txt"文件中,可能包含了项目使用的一些注意事项,例如版权信息、如何运行示例代码、可能存在的兼容性问题等。在进行进一步开发前,仔细阅读这些信息是十分必要的。
本项目"前端项目-jquery-serialize-object"关注的是使用jQuery来序列化表单字段,将它们转换为JavaScript对象或JSON格式,这在提交表单数据到服务器时尤其有用。下面我们将深入探讨这一主题。 1. **jQuery 序列化...
3. **jquery.min.js**:这是jQuery库的压缩版本,用于在网页中执行jQuery相关的JavaScript代码。 4. **progression.min.js**:这个很可能就是带完成百分比功能的jQuery表单插件的压缩版本,包含了实现进度显示的逻辑...
5. **js**:这个目录下的JavaScript文件,包括jQuery库本身以及实现插件功能的自定义脚本,比如表单验证逻辑。 6. **css**:这里存放CSS样式表,用于定义表单的布局、颜色、字体等视觉效果。 使用这个插件,开发者...