$("#myForm").attr("action")为没有动作的表单返回表单元素而不是undefined

$("#myForm").attr("action")是jQuery中的一个方法，用于获取指定表单元素的action属性值。在这个问答内容中，该方法返回的是表单元素的action属性值，如果该属性没有被设置或者没有值，则返回undefined。

关于该方法的详细说明和用法，可以参考腾讯云的jQuery文档：jQuery.attr()方法

相关·内容

【转】jQuery验证控件jquery.validate.js使用说明+中文API

，则需要验证 required:function(){}返回为真，表时需要验证后边两种常用于，表单中需要同时填或不填的元素五、常用方法及注意问题 1.用其他方式替代默认的SUBMIT $()....;form.submit(); } }); 如果想提交表单, 需要使用form.submit()而不要使用$(form).submit() 2.debug，只验证不提交表单 $().ready(function.../demo/images/checked.gif") no-repeat 0px 0px; } 6每个字段验证通过执行函数 success：String,Callback 要验证的元素通过验证后的动作...) 返回:Boolean 验证单个元素是成功还是失败 resetForm() 返回:undefined 把前面验证的FORM恢复到验证前原来的状态 showErrors...(errors) 返回:undefined 显示特定的错误信息 Validator functions: setDefaults(defaults) 返回:undefined

4.7K4 0

一文玩转jQuery+Ajax

举例说明 attr(属性名称) attr('checked')或attr('name') 获取指定的属性值，操作checkbox时，选中返回checked，没有选中返回undefined prop(...不可获取如果返回值是布尔类型的属性，若设置了属性，attr()返回具体的值，prop()返回true。...若未设置属性，attr()返回undefined，prop()返回false 总结：如果属性的类型是boolean，则使用prop()方法，否则使用attr()方法。 <!...内容") 设置元素的文本内容，不包含html标签 val() 获取元素的value值（表单元素） val("值") 设定元素的value值（表单元素）表单元素：文本框text、密码框password...发送请求，没有参数，没有返回值 $.get("请求地址") 发送请求，传递参数，没有返回值 $.get('请求地址'，{name:"岳泽以",age:25}) 发送请求，不传参数，有返回值 $.get(

4K2 1

5-Jquery学习五-表单验证

前言最近总是有一个感觉，虽然这些东西都自己学习并一个案例一个案例的去验证过了。但是总觉得不写成博客记录下来这些都不是自己的东西(心理作用，哈哈)....所以每当学习或者复习相关的知识我都喜欢记录下来，下面开始到jQuery的表单验证。这里的表单验证都是最简单最基础的方式去完成，当然jQuery还有一些比较好的验证框架，这里就不提及了。...一，字段验证： 1.1 字段非空姓名不能为空！...="" method="post" id ="myform"> 请输入数字！...isNaN(data)) { $("#error").show(); //显示错误提示文本 event.preventDefault(); //取消事件的默认动作

1.1K12 0

Jquery 常见案例

ajaxForm 预处理将要使用AJAX方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。...例子: $('#myFormId').ajaxForm(); ajaxSubmit 立即通过AJAX方式提交表单。最常见的用法是对用户提交表单的动作进行响应时调用它。...当你只需要将表单的部分元素序列化时可以用到这个方法。这个方法将返回一个形如： name1=value1&name2=value2的字符串。是否可以连环调用: 否, 这个方法返回的是一个字符串。...从 0.91 版本开始, 这个方法始终返回一个数组。如果没有符合条件的域，这个数组将会是个空数组，否则它将会包含至少一个值。是否可以连环调用: 否, 这个方法返回的是一个数组。...返回列表的JSON方式，取得JSON的列表后，编程遍历每个元素，并填充到原有下拉框的选项中。

6.7K1 0

14表单操作

通过Document的属性forms ``document.forms` 返回结果为HTMLCollection。通过表单的name名字。此方法不推荐。因为在新版本的浏览器中可能不再支持。...如果返回结果为一个时类型为对象，多个时是集合。获取表单组件元素常规方式 Document对象方式。document.getElementById('form_input')等。...通过表单元素的属性elements var f = document.forms[0] console.log(f.elements) 表单操作文本框的操作选择当前文本框的所有内容 <form...select事件简单来说就是当被选择时的触发的事件 <input type="text" id="username" name="username...获取选择<em>的</em>文本内容 selectionStart 选择文本内容<em>的</em>开始索引值 selectionEnd 选择文本内容<em>的</em>结束索引值 <input

3762 0

Ajax简单实现文件异步上传的多种方法

认识FormData对象 FormData是Html5新加进来的一个类,可以模拟表单数据构造函数解释 FormData (optional HTMLFormElement form)...(可选) 一个HTML表单元素,可以包含任何形式的表单控件,包括文件输入框....方法 void append(DOMString name, DOMString value) name 表单元素名称 value 表单元素要传递的值 ---- <form name="<em>myForm</em>...secureuri: false, //一般设置<em>为</em>false fileElementId: 'file', //文件上传空间<em>的</em>id属性 dataType...: 'HTML', //<em>返回</em>值类型一般设置<em>为</em>json success: function (data, status) //服务器成功响应处理函数 {

1.7K2 0

10个jQuery表单操作代码片段

代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单，那么下面这段代码肯定非常有帮助： $("#form").keypress(function(e) {...可能针对不同的表单形式，你需要调用不同类型的清楚方法，不过使用下面这个现成方法，绝对能让你省不少功夫。...addClass("labelfocus"); }).blur(function() { $("label").removeClass("labelfocus"); }); 代码片段7: 动态方式添加表单元素...这个方法可以帮助你动态的添加表单中的元素，比如，input等： //change event on password1 field to prompt new input $('#password1'...('checked'); 代码片段10: 使用代码来递交表单代码很简单，如下： $("#myform").submit();

9490 0

jquery

='text']");// 取到类型不是text的input标签表单筛选器： :text :password :file 例子： $(":checkbox") // 找到所有的checkbox 表单对象属性...(attrName)// 返回第一个匹配元素的属性值 attr(attrName, attrValue)// 为所有匹配元素设置一个属性值 attr({k1: v1, k2:v2})// 为所有匹配元素设置多个属性值...可以认为attr是显式的，而prop是隐式的。...").prop("checked") // false 可以看到attr获取一个标签内没有的东西会得到undefined，而prop获取的是这个DOM对象的属性，因此checked为false。...$("#i1").prop("checked") // true 这已经可以证明attr的局限性，它的作用范围只限于HTML标签内的属性，而prop获取的是这个DOM对象的属性，选中返回true，没选中返回

5.8K3 0

文件上传的最佳前端体验做法

文件上传的传统形式，是使用表单元素file：　　<form id=”upload-form” action=”upload.php” method=”post” enctype=”multipart/...二、iframe上传传统的表单上传，属于”同步上传”。也就是说，点击上传按钮后，网页”锁死”，用户只能等待上传结束，然后浏览器刷新，跳到表单的action属性指定的网址。...(‘action’); form.attr(‘target’, id).append(iframe).attr(‘action’, url + ‘?...首先，它为表单添加target属性，指向动态插入的iframe窗口，这使得上传结束后，服务器将结果返回iframe窗口，所以当前页面就不会跳转了。...其次，它在action属性指定的上传网址的后面，添加了一个参数，使得服务器知道回调函数的名称。这样就能将服务器返回的信息，从iframe窗口传到上层页面。

1.8K1 0

文件上传的渐进式增强

文件上传的传统形式，是使用表单元素file：　　<form id="upload-form" action="upload.php" method="post" enctype="multipart...二、iframe上传传统的表单上传，属于"同步上传"。也就是说，点击上传按钮后，网页"锁死"，用户只能等待上传结束，然后浏览器刷新，跳到表单的action属性指定的网址。...('action'); form.attr('target', id).append(iframe).attr('action', url + '?...首先，它为表单添加target属性，指向动态插入的iframe窗口，这使得上传结束后，服务器将结果返回iframe窗口，所以当前页面就不会跳转了。...其次，它在action属性指定的上传网址的后面，添加了一个参数，使得服务器知道回调函数的名称。这样就能将服务器返回的信息，从iframe窗口传到上层页面。

1.4K6 0

web前端之锋利的jQuery八：jQuery插件的使用（表单验证、表单提交）

1.jQuery表单验证插件－Validation：最常使用JavaScript的场合就是表单的验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件－Validation...自定义验证规则：可以很方便地自定义验证规则简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能实时验证：可以通过keyup和blur事件触发验证，而不仅仅在表单提交的时候验证...欢迎下次再来”的提示核心方法 ajaxForm()和ajaxSubmit() 通过核心方法ajaxForm()，能很容易地将表单升级为Ajax提交方式 $("#myForm").ajaxForm(function...首先定义一个对象options，然后在对象里设置参数 var options={ target="#output1"//把服务器返回的内容放入id为output1的元素中 ,beforeSubmit...//成功提交后，清除所有表单元素的值 ,resetForm:true//成功提交后，重置所有表单元素的值 ,timeout:3000//限制请求时间，当大于3秒后，跳出请求 }; 定义options

6.6K5 0

angularjs 表单验证

必填项验证某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可： 2....二、表单中控制变量屏蔽浏览器对表单的默认验证行为在表单元素上添加novalidate标记即可，问题是我们怎么知道我们的表单有哪些字段是有效的，那些事非法或者无效的？...如果为ture，表示没有修改过；false表示修改过： formName.inputFieldName.$pristine; 经过验证的表单布尔型属性，它指示表单是否通过验证。...通过$viewChangeListeners，可以在无需使用$watch的情况下实现类似的行为。由于返回值会被忽略，因此这些函数不需要返回值。 ...当有错误时值为false，没有错误时值为true。 $invalid $invalid值可以告诉我们当前控件中是否存在至少一个错误，它的值和$valid相反。

6.7K7 0

Dom的高级应用

>元素的引用 tHead 保存着对元素的引用 rows 保存着对元素的HTMLCollection集合 rowIndex 返回该表格行在表格内的索引值 sectionRowIndex...返回该表格行在其所在元素(,等元素)的索引值 cells 保存着元素中单元格的HTMLCollection cellIndex 返回该单元格在该表格行内的索引值。...返回form集合 2.document.forms[0] 3.document.forms['myform3'] 3.document.myForm 4.document['myForm'] 获取表单中的字段...document.forms[0].elements['username'] 获取name为username的字段对象 document.forms[0].username 表单验证：如果希望在表单提交之前...true，那么表单可以正常提交到action所指定的url，如果返回结果为false，那么还留在当前页面。

6743 0

JavaScript 表单验证

表单数据经常需要使用 JavaScript 来验证其正确性：验证表单数据是否为空？验证输入是否是一个正确的email地址？验证日期是否输入正确？验证表单输入内容是否为数字型？...假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）： function validateForm() { var x=document.forms...form 表单提交时被调用: 实例 <form name="<em>myForm</em>" action="demo-form.php" onsubmit="return validateForm()" method...var dotpos=x.lastIndexOf("."); if (atpos=x.length){ alert("不是一个有效的...e-mail 地址"); return false; } } 下面是连同 HTML 表单的完整代码： <form name="<em>myForm</em>" action="demo-form.php"

3.1K3 0

【ASP.NET Core 基础知识】--路由和请求处理--路由概念（二）

路由值参数的使用使得动作方法能够根据URL的结构动态地处理不同的请求。 1.3 表单参数表单参数是通过HTML表单提交的数据，通常使用POST请求发送到服务器。...在ASP.NET Core中，可以通过动作方法的参数直接接收表单参数。...MyForm() { return View(); } // 处理表单提交 [HttpPost] public IActionResult MyForm...input元素的name属性值 } } 在上述例子中，MyForm方法处理表单提交，通过参数username和password直接接收表单中相应元素的值。...，其中{controller}表示控制器名，{action}表示动作方法名，{id?}表示可选的参数。

1190 0

jQuery插件 -- Form表单插件jquery.form.js

，轻易地将表单的提交方式升级为Ajax提交方式 ajaxForm() 和 ajaxSubmit() 都能接受0个或1个参数，当为单个参数时，该参数既可以是一个回调函数，也可以是一个options对象，上面的例子就是回调函数...为output的元素中 3 beforeSubmit: showRequest, //提交前的回调函数 4 success: showResponse, //...json...接受服务端返回的类型 8 //clearForm: true, //成功提交后，清除所有表单元素的值 9 //resetForm: true,...元素 20 return true; //只要不返回false，表单都会提交,在这里可以对表单元素进行验证 21 }; 22 23 function showResponse(...，它能找出表单中的元素的值，返回一个集合。

13.5K5 0

表单

在dom中提供了为我们提供了操作表单当中的一些控件的方法，比如说获取，操作还有一些特殊的属性。...获取：表单元素的操作 onchange事件表单事件：onsubmit onreset window.onload= function () { var myform=document.getElementById...('form1'); // alert(myform.text1.value); // onchange：当值发生改变的时候触发 myform.text1...+'被选中了'); }else{ alert(myform.sex[i].value+'没有选中');...=document.getElementById('form1'); // onsubmit：当提交表单的时候触发 // onreset:当表单重置的时候触发 /

2.2K2 0

HTML5-表单

表单的action属性 action属性说明了提交时浏览器应该把从用户收集的数据发送到什么地方【上述示例中，提交数据发送到“http://localhost:8888/form/userInfo”】。...如果action属性指定相对URL，那么该值会被嫁接在当前页的URL（如果使用了base元素，则是该元素的href属性值）的后面。 2....在表单中添加说明标签可以为input元素配一个label元素，将label元素的for属性设置为input的id值，这样input元素和label元素就关联起来，有助于屏幕阅读器和其他残障辅助技术对表单的处理...三、使用button元素表：button元素的type属性的值值说明 submit 提交表单（默认行为） reset 重置表单 button 无具体语义表：type属性设置为submit时button...元素的额外属性属性说明 form 指定按钮相关的表单 formaction 覆盖form元素的action属性，另行指定表单将要提交到的URL formenctype 覆盖form元素的enctype

1.9K6 1

js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交

一、在动态上传章节信息时，碰到了一系列的问题，主要有： 1、动态添加的input元素绑定的事件失效了。 2、提交保存时，多个name相同的表单如何判空并阻断提交。...二、问题界面展示：（1）在这个页面中，第一个form表单，是开始就有了，第二个是点击按钮后动态添加的，它的判断是否为空是无效的。...，是因为在事件加载之后我们才动态添加元素，新的元素并没有绑定到曾经的事件。...（2）在form的action右边添加了id为myform。（3）定义一个初始值i，记录为空的个数。（4）使用each函数循环遍历name相同的表单，遍历时，判断是否符合，有不符合的i值加1。...} 4、最终我们达到了需要的效果，新增的表单事件有了，也可以在多name相同表单下阻断提交。

6K2 0

JavaScript 表单

; return false; } } 以上 JavaScript 代码可以通过 HTML 代码来调用： HTML 表单实例 <form name="<em>myForm</em>" action...如果表单字段 (fname) 的值为空, required 属性会阻止表单提交：实例 <input type...规定输入元素的最小值 pattern 规定输入元素值的模式 required 规定输入元素字段是必需的 type 规定输入元素的类型完整列表，请查看 HTML 输入属性。...约束验证 CSS 伪类选择器选择器描述 :disabled 选取属性为 "disabled" 属性的 input 元素 :invalid 选取无效的 input 元素 :optional 选择没有"...optional"属性的 input 元素 :required 选择有"required"属性的 input 元素 :valid 选取有效值的 input 元素

8082 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云