Funcionamiento función validar DNI

[wigglyUtrera]

/(^([0-9]{5,5})|^)$/

las / ... / indica que es una expresion regular
el simbolo $ indica que el patron tiene que encajar al final de la cadena.
[0-9] es una clase:cualquier numero de 0 a 9
{5,5} indica la longitus de la cadena, de 5 a 5 caracteres, es lo mismo que poner {5}
por ejemplo: {2,4} indica que puede ser de longitud 2 a longitud 4

el simbolo ^ indica que el patron tiene que empezar al principio de una cadena.

en definitiva para un CP: /^[0-9]{5}$/
esto es igual a: /^\d{5}$/ ya que \d = [0-9]

y DNI: /^[0-9]{8}\-[A-Z]$/

\- indica simplemente el guion(-) se ponen las barras para no confudirlos con operadores, en este caso CREO que se puede quitar pq no hay ningun operador que sea -, o por lo menos no caigo ahora

en tu ejemplo:
/(^([0-9]{5,5})|^)$/

donde pone |^ --> es lo que indica que puede ser la cadena vacia, pero si quieres validar algo no conviene que permita la cadena vacia

busca en google: expresiones regulares javascript, y tendras mas informacion

Saludos.