validacion - validar formulario javascript html5

Compruebe el soporte de la propiedad del CSS del navegador con JavaScript.

Question

¿Es posible en JavaScript saber si el navegador del cliente admite una propiedad CSS? Estoy hablando de las propiedades de rotación de CSS3. Quiero ejecutar algunas funciones solo si el navegador las admite.

Answer 1

Creo que puedes hacerlo de esta manera:

if (''WebkitTransform'' in document.body.style 
 || ''MozTransform'' in document.body.style 
 || ''OTransform'' in document.body.style 
 || ''transform'' in document.body.style) 
{
    alert(''I can Rotate!'');
}

Answer 2

Hay un nuevo DOM API CSS.supports para ese propósito. FF, Opera (como supportsCSS) y Chrome Canary ya implementan este método.

Para la compatibilidad entre navegadores, puede usar mi CSS.supports polyfill

Ejemplo:

CSS.supports("display", "table");//IE<8 return false

Sin embargo, aún necesita especificar el prefijo del navegador para el prefijo de las propiedades CSS. Por ejemplo:

CSS.supports("-webkit-filter", "blur(10px)");

Sugiero usar Modernizr para la detección de características.

Answer 3

Puede ser intentar esto?

var temp = document.createElement(''div'');
var isSupport = temp.style[''propName''] != undefined;

Answer 4

Puede usar la biblioteca Modernizr .

Ejemplo para la transformación css:

en el archivo .css;

.no-csstransforms .box { color: red; }
.csstransforms .box { color: green; }

en el archivo .js;

if (Modernizr.csstransforms) {
  // supported
} else {
  // not-supported
}