[Form] validateTrigger not working with values other than onChange

Version

2.11.1

Environment

Chrome 59.0.3071.104 / Windows 10 64-bits

Reproduction link

https://codepen.io/anon/pen/awmVjK?editors=0010

Steps to reproduce

1. Type something in both inputs
2. Observe the green mark appearing as you type on the right-hand side of the inputs

What is expected?

The inputs should not be validated until a blur event happens for the first input, while the other should never be validated (the validateTrigger option’s values are onBlur and false, respectively).

What is actually happening?

Both inputs are validated as you type, as if the value for the validateTrigger option was the default onChange.

Weirdly, if you type something in the first input, then delete everything you’ve just typed and unfocus the input, it will start working properly (the input will only be validated as you blur).

---

I’m trying to setup a form that only displays errors/valid marks when the users clicks on the submit button, not as the user types.

[Nuoky]

@acomito Try this, it works for me

{getFieldDecorator('email', {
  validate: [{
    trigger: 'onBlur',
    rules: [
        { required: true, message: 'Input your Email!' },
    ],
  }, {
    trigger: 'onChange',
    rules: [
        { type: 'email', message: 'The input is not valid E-mail!' },
    ],
  }],            
}

[acomito]

It would be nice to be able to add it per rule:

{getFieldDecorator('email', {
  rules: [
	{ required: true, message: 'Input your Email!', validationTrigger: 'onBlur', },
	{ type: 'email', message: 'The input is not valid E-mail!', validationTrigger: 'onChange',},
        { max: 100, message: 'Must be no more than 100 characters!', validationTrigger: 'onKeyUp', }
 ],
})(
   <Input prefix={<Icon type="mail" />} placeholder="Email" />
)}