SharePoint 2010: Como añadir validaciones en formularios de lista en el lado del cliente (II)!

Siguiendo con la serie de posts sobre como añadir validaciones en formularios de lista en el lado de cliente que comenzó en este post, en esta ocasión vamos a ver como añadir el código JavaScript personalizando el formulario con SharePoint Designer 2010 (SPD 2010) en lugar de agregar una ContentEditor WebPart usando la interfaz de usuario. Los pasos son los siguientes:

  • Abrimos el sitio de trabajo con SPD 2010.
  • Nos vamos la sección Listas y bibliotecas y pulsamos sobre la lista sobre la que necesitamos introducir esas validaciones.
  • En la página de resumen de la lista, nos vamos a la sección que muestra los formularios de la lista y pinchamos sobre el formulario a modificar (en mi caso el formulario de edición de elemento de lista o EditForm.aspx).
  • Una vez en el diseñador de páginas de SPD 2010, para poder añadir el código JavaScript es necesario que editemos la página de forma que vaya a pasar a modo personalizado o unghosted. Para ello, tenemos que pulsar él botón “Advanced Mode”.
image image image
  • A través de la vista de código de la página en SPD 2010 insertamos el código JavaScript de la siguiente forma (lo insertamos por ejemplo a partir del placeholder principal de la página):
   1: <script src="/Shared%20Documents/DataValidation.js" type="text/javascript"></script>

  • Guardamos los cambios y a través de la interfaz de usuario comprobamos que la validación funciona como se espera:

image

Y hasta aquí llega este segundo post sobre como añadir validaciones de lista en lado del cliente.