modernizr框架之表单验证

框架下载地址:

案例:

<!DOCTYPE html><html> <head><script src=""></script><script src=""></script><script type="text/javascript">$(function(){if( !Modernizr.input.required ){var $msg = $( "<div id='reqMessage'>Required Fields Missing</div>" );$msg.css( "background-color", "yellow" ).hide();$( "body" ).append( $msg );$( "#fDet" ).on( "submit", function(e){$( "input[required]" ).each(function(){if ( $( this ).val() === "" ) {$( "#reqMessage" ).show();$( this ).css( "border" , "1px solid red" );e.preventDefault();}});});}}); </script></head><body><form id="fDet" action="#"><input type="text" name="userName" required/><input type="password" name="password" required/><input type="submit" value="send it" /></form></body></html>

,收敛自己的脾气,偶尔要刻意沉默,

modernizr框架之表单验证

相关文章:

你感兴趣的文章:

标签云: