`
Johnny_GZ
  • 浏览: 179305 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js提交表单,jquery提交注意事项

 
阅读更多

红色字体部分:$('#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>

分享到:
评论

相关推荐

    使用JQuery实现从JSON对象转换为form提交数据

    4. **优化与注意事项** - JSON对象中的嵌套对象和数组需要特殊处理,不能直接转换为URL编码的字符串。对于嵌套的对象,可以递归地调用`jsonToFormParams()`;对于数组,可以考虑将其转换为逗号分隔的字符串或者多个...

    jquery.form.js

    在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱,而`jquery.form.js`则是jQuery的一个重要插件,它扩展了jQuery对表单处理的功能,使得表单的提交、异步上传、验证等操作变得更加简单易行。...

    jquery.form.js下载_jquery.form.js上传文件插件下载

    jQuery.form.js是一款基于jQuery库的插件,它为开发者提供了方便、灵活的表单处理功能,尤其在异步(AJAX)提交表单方面表现出色。这款插件使得在网页上实现无刷新的文件上传和数据提交变得简单易行,大大提升了用户...

    jquery.formautofill 表单填充控件

    注意事项 - 确保所有要填充的表单字段都有唯一的name属性,以便于匹配数据。 - 如果表单元素是动态生成的,记得在元素加载完成后再调用`.formautofill()`方法。 - 避免在事件处理函数中直接修改已填充的表单数据,...

    关于jquery form表单序列化的注意事项详解

    总之,理解jQuery中表单序列化的机制和注意事项是创建高效、健壮的前端表单提交逻辑的关键。正确使用`readonly`和`disabled`属性,以及`name`属性,可以确保在需要时正确地捕捉和发送表单数据。同时,根据实际需求...

    jquery-1.9.1(js和min.js下载)

    五、使用jQuery的注意事项 1. 引入方式:可以通过CDN(内容分发网络)或者本地文件引入jQuery,CDN能提高加载速度,本地文件则适用于离线或隐私保护的场景。 2. 兼容性:虽然jQuery对老版本浏览器有较好的支持,但...

    jquery语法和注意事项

    ### jQuery语法和注意事项 #### 一、页面元素的引用 在使用jQuery进行页面元素操作时,最基础也是最重要的就是能够准确地引用到页面中的元素。jQuery提供了多种方式来选取元素,包括通过`id`、`class`、`标签名`等...

    php无刷新提交表单

    #### 五、注意事项 1. **安全性**:确保对用户提交的数据进行有效的验证和过滤,防止XSS攻击等安全问题。 2. **兼容性**:测试不同浏览器下的表现,确保功能的稳定性和一致性。 3. **性能优化**:考虑使用缓存机制...

    jquery文件上传js:jquery.form.js

    1. **Ajax化文件上传**:`jquery.form.js`将传统的表单提交转变为Ajax方式,使得文件上传无需刷新页面,提供更好的用户体验。 2. **异步上传**:利用Ajax技术,文件上传可以在后台进行,用户可以继续浏览其他页面,...

    jQuery复制移除表单元素代码.zip

    9. **注意事项**: - 当处理表单元素时,需确保所有复制和删除操作都遵循W3C标准,保持良好的前端性能和用户体验。 - 如果涉及到用户数据,应确保数据安全,遵循隐私政策,特别是在删除数据时。 通过这个压缩包,...

    表单输入一定长度的字符然后自动提交

    #### 三、实际应用中的注意事项 在实际开发过程中,需要注意以下几点: 1. **兼容性问题:** `onpropertychange`事件主要被IE浏览器支持,其他现代浏览器更倾向于使用`oninput`事件。因此,在开发时应考虑兼容性...

    jQuery通过ajax快速批量提交表单数据

    6. 使用场景和注意事项: 在使用Ajax提交表单数据时,需要注意以下几点:首先,确保数据被正确序列化并且格式符合服务器端脚本的要求;其次,由于Ajax提交不会导致页面刷新,需要在客户端进行输入验证,防止非法数据...

    Jquery.easyUI js引用以及文档教程

    - `readme.txt`: 通常包含了快速入门信息和注意事项,帮助你开始使用这个框架。 - `locale` 目录:包含了不同语言的本地化文件,方便你调整应用的语言环境。 - `demo` 目录:包含了一些实际的示例代码,可以作为...

    ajax提交表单

    #### 四、注意事项 1. **安全性** - 在发送敏感数据时,应考虑使用HTTPS协议来加密传输过程。 - 需要确保服务器端验证所有提交的数据,防止SQL注入等安全风险。 2. **用户体验** - 使用AJAX提交表单时,应提供...

    jQuery.validate.js

    jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...

    jquery 注意事项与常用语法小结

    这里我们将深入探讨jQuery的一些注意事项和常用语法,这对于任何正在学习或使用jQuery的人来说都是十分重要的。 1. **选择器中的特殊字符**: 当选择器中包含"."、"#"、"("、"]"等特殊字符时,必须进行转义。例如...

    jQuery实现带Tooltip表单验证的注册表单.zip

    在本项目中,我们主要探讨如何使用...在"使用须知.txt"文件中,可能包含了项目使用的一些注意事项,例如版权信息、如何运行示例代码、可能存在的兼容性问题等。在进行进一步开发前,仔细阅读这些信息是十分必要的。

    前端项目-jquery-serialize-object.zip

    本项目"前端项目-jquery-serialize-object"关注的是使用jQuery来序列化表单字段,将它们转换为JavaScript对象或JSON格式,这在提交表单数据到服务器时尤其有用。下面我们将深入探讨这一主题。 1. **jQuery 序列化...

    带完成百分比的jQuery表单插件

    3. **jquery.min.js**:这是jQuery库的压缩版本,用于在网页中执行jQuery相关的JavaScript代码。 4. **progression.min.js**:这个很可能就是带完成百分比功能的jQuery表单插件的压缩版本,包含了实现进度显示的逻辑...

    jQuery和css3实用登陆注册表单插件

    5. **js**:这个目录下的JavaScript文件,包括jQuery库本身以及实现插件功能的自定义脚本,比如表单验证逻辑。 6. **css**:这里存放CSS样式表,用于定义表单的布局、颜色、字体等视觉效果。 使用这个插件,开发者...

Global site tag (gtag.js) - Google Analytics