使用jQuery时Form表单元素ID和name命名大忌_jquery

在做自己的毕业设计的时候将自己的表单元素ID和name命名为了nodeName:

复制代码 代码如下:

<form>

<input type="text" name="nodeName" id="nodeName">

...........

</form>

在chrome浏览器下可以看到这么个错误:

Uncaught TypeError: Object #<HTMLInputElement> has no method 'toLowerCase'

经过分析后发现原来是表单元素命名的原因,修改一下就好了。

时间: 2024-09-24 00:17:01

使用jQuery时Form表单元素ID和name命名大忌_jquery的相关文章

使用jQuery时Form表单元素ID和name命名大忌

 将自己的表单元素ID和name命名为了nodeName,在chrome浏览器下报错,结果发现是表单元素命名的原因 在做自己的毕业设计的时候将自己的表单元素ID和name命名为了nodeName:  代码如下: <form>    <input type="text" name="nodeName" id="nodeName">    ...........    </form>    在chrome浏览器下可

jQuery实现form表单元素序列化为json对象的方法_jquery

本文实例讲述了jQuery实现form表单元素序列化为json对象的方法.分享给大家供大家参考,具体如下: 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展--form序列化到json对象</title> <meta http-equiv=Content-Type content=&

jquery获取form表单input元素值的简单实例_jquery

一般取值方法 $("#id").val(); $("#id").attr("value");  //其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sa

jquery提交form表单时禁止重复提交的方法

 这篇文章主要介绍了jquery提交form表单时禁止重复提交的方法,需要的朋友可以参考下    代码如下: $(document).ready(function() {   $('form').submit(function() {     if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {       jQuery.data(this, "disabledOnSubmit", { s

快速学习jQuery插件 Form表单插件使用方法_jquery

jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.

jquery把form表单保存成对象传给接口

在模板式开发时,我们form表单可以直接提交到服务器相应的方法,服务器就可以进行处理,但在新的移动端,用的比较多的是以json数据格式的传输,和服务器端的接口交互,这样我们需要把传统的form表单元素组合成我们想要的对象,再传输给接口. 下面是个例子: <form action="" id="form" method="post">  <input type="hidden" name="id&qu

ASP.NET中实现把form表单元素转为实体对象或集合

这篇文章主要介绍了ASP.NET中实现把form表单元素转为实体对象或集合,本文又是一个对重复数据处理的一个封装,非常实用的开发技巧,需要的朋友可以参考下     简介: 做WEBFROM开发的同学都知道后台接收参数非常麻烦 虽然MVC中可以将表单直接转为集实,但不支持表单转为 LIST<T>这种集合 单个对象的用法: 表单:   代码如下: <input name='id' value='1' > <input name='sex' value='男' >   后台:

js函数名与form表单元素同名冲突的问题

 本篇文章主要是对js函数名与form表单元素同名冲突的问题进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 今天在导出Excel的时候用了Form 表单的input hidden 来区分导出和搜索.开始的时候js中的onClick事件的函数名 和 hidden 中的 id 命名一样.结果导致报错:调用函数的那一行对象不支持此属性.   找了很长时间都找不出原因,开始的时候一直以为是写错了某个字母,才发现js函数根本没有执行.后来没有办法直接调用了别的函数,发现就有用了,认为是函数

jQuery实现form表单基于ajax无刷新提交方法详解_jquery

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o