HTML5技术

input元素required属性无效 - 虎落平阳变傻屌

字号+ 作者:H5之家 来源:H5之家 2017-02-07 08:01 我要评论( )

解决方法出自 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 )

解决方法出自 

 

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(); ; 12 } 13 }); return true; 14 }); 15 });

 

本文原创,转载请注明出处:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 修改输入框placeholder文字默认颜色-webkit-input-placeholder - 惟愿一生

    修改输入框placeholder文字默认颜色-webkit-input-placeholder - 惟

    2017-01-20 13:00

  • 读书笔记:《HTML5开发手册》--现有元素的变化 - 绿岛之北

    读书笔记:《HTML5开发手册》--现有元素的变化 - 绿岛之北

    2017-01-14 10:02

  • 使得最右边的元素右边框为0 - 以茜为贵

    使得最右边的元素右边框为0 - 以茜为贵

    2016-12-22 16:01

  • HTML5 表单及其他新增和改良元素 - 喵喵喵---

    HTML5 表单及其他新增和改良元素 - 喵喵喵---

    2016-12-20 10:03

网友点评