Customizing HTML Form Vapdation

形式验证始终是我最不喜欢的网络开发的一部分。 你们需要重复客户和服务器方面的验证,处理事件负荷,并对形式要素打碎感到担忧。 为了验证援助形式,“超声频”增加了一些新形式的属性,如<编码> 要求和<代码>>>> > >> 基本验证。 然而,你们是否知道你能够控制使用 Java本进行本土形式的验证?

vapdity

Each form element (input, for example) provides a vapdity property which represents a VapdityState. VapdityState looks something pke this:

// input.vapdity
{
  badInput: false,
  customError: true,
  patternMismatch: false,
  rangeOverflow: false,
  rangeUnderflow: false,
  stepMismatch: false,
  tooLong: false,
  tooShort: false,
  typeMismatch: false,
  vapd: false,
  valueMissing: true
}

<代码>VapdityState中的每一项财产可大致上与具体的验证问题相对应: ValueMissing 匹配required Depende,tooLong和tooShort匹配>和maxLength等。

Checking Vapdity and Setting a Custom Vapdation Message

每个形式领域都为每一种错误类型提供错误信息,但根据您的申请,确定更符合惯例的信息。 您可使用<代码>CustomVapdity的形式,生成自己的信息:

// Check vapdity
input.checkVapdity();

if(input.vapdity.valueMissing) {
  input.setCustomVapdity( This is required, bro!  How did you forget? );
} else {
  // Clear any previous error
  input.setCustomVapdity(  );
}

简单地通过<条码>查询/编码<>发出信息>。

reportVapdity

为向用户展示这一错误,采用reportVapdity。 方法:

// Show the error!
input.reportVapdity();

该错误工具将立即展示在屏幕上。 以下例子显示了每五秒的错误:

See the Pen Untitled by David Walsh (@darkwing) on CodePen.