input元素required属性无效

解决方法出自 http://stackoverflow.com/questions/23261301/required-attribute-not-work-in-safari-browser

Safari不支持input的required属性,可用js解决

 1 $(document).ready(function(){
 2     $("form").submit(function(e) {
 3         var ref = $(this).find("[required=required]");
 4         alert(‘ref‘);
 5         $(ref).each(function(){
 6             if ( $(this).val() == ‘‘ )
 7             {
 8                 alert("Required field should not be blank.");
 9                 $(this).focus();
10                 e.preventDefault();
11                 return false;
12             }
13         });  return true;
14     });
15 });

本文原创,转载请注明出处:http://www.cnblogs.com/lawn-tiger/p/6346726.html

时间: 2024-10-14 01:30:42

input元素required属性无效的相关文章

html标签属性(attribute)和dom元素的属性(property)

attribute和property都有属性之意,但对于attribute和property的区分其实并不难.从对象来说,attribute是html文档上标签属性, 而property则是对应dom元素的自身属性.从操作方法上来看,attribute可以通过dom core规范的接口 getAttribute和setAttribute 进行获取修改,而property可以通过对象访问属性的方式 . 或者 ["  "]来修改获取. 但是对于ie6,7,8(Q)模式下,会与标准w3c浏览

为什么 input 元素能用 width 属性

前几天在是写网页的时候发现input可以设置宽高,很疑惑,上网查了之后发现: 简单的认为 input 就是 inline 元素是片面的.元素默认以何种 display 属性值显示出来,这个其实更多的时候是由浏览器决定的(不同浏览器的差异性,导致我们需要 reset CSS),下面是部分浏览器 input 元素默认 CSS: IE6.IE7.IE8.IE9(部分) background-color: #FFF; border-width: 2px; font-family: sans-serif;

jQuery如何获取指定type属性值的input元素

jQuery遍历input文本框并获取input的name属性值:因为input标签的type属性是多种多样的,例如text.radio.checkbox等,但是实际应用中往往需要获取某一类属性值的input元素,下面就通过实例简单介绍一下.代码实例如下: $("input:text", document.forms[0]).each(function(){alert(this.name)}); 以上代码可以获取type属性值为text的input元素,并且遍历弹出它们的name属性值

input标签中和validate中存在required属性的对应的input输入框设置为红色

今天公司突然提出要将页面中必填的输入框设置成红色,开始是想省事点直接到页面上在必填的输入框中加入样式,这样需要一个一个也页面的改,而且感觉写的很死!后来经过讨论决定采用一种灵活的方式加入样式.经过一天的努力终于成功找到解决办法实现代码如下,虽然代码不长但是却花费了我一天的时间,在里面我又学到了许多知识. 通用方法代码: /** * 将页面中的必填选项输入框设置为红色 * @param form  表单名称 * @param validateOption  验证操作名 */ common.requ

选中多文件同时上传(利用input元素的multiple属性)

网页: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action="upload.do" method="post" enctype="multipart/form-d

自定义验证----required属性

1,required属性 - 表示字段不能为空(注意:只有用户单击“提交”按钮提交表单的时候,浏览器才会执行验证.目前HTML5不支持指定验证的时间,而且验证消息的样式和内容各个浏览器不大一样,不能修改.)原文:HTML5 - 表单客户端验证 <form action="#"> <input type="text" required/> <input type="submit" value="提交"

javascript:&lt;input&gt; 元素

原文章:https://wangdoc.com/javascript/index.html <input> 元素 <input>元素主要用于表单组件,它继承了 HTMLInputElement 接口. HTMLInputElement 的实例属性 特征属性 name:字符串,表示<input>节点的名称.该属性可读写. type:字符串,表示<input>节点的类型.该属性可读写. disabled:布尔值,表示<input>节点是否禁止使用.一

[html5] 学习笔记-表单新增元素与属性

本节讲的是表单元素的form,formaction属性,frommethod,formenctype属性,formtarget,autofocus属性,required,labels属性. 1.form属性 在html4中,表单内的从属元素必须书写在表单内部,而在html5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以指定该元素从属于指定表单了. 以往的写法: 1 <body> 2 <form id="testform&q

HTML5 表单新增元素与属性&lt;一&gt;

form属性:在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以书写在页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了. <!DOCTYPE html> <html> <head lang="en"> <title>form属性</title> <meta charset="utf-8"> </head&g