DeprecatedThis feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Secure contextThis feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
merchantvalidation
events are delivered by the Payment Request API to a PaymentRequest
object when a payment handler requires that the merchant requesting the purchase validate itself as permitted to use the payment handler.
See Merchant validation in Payment processing concepts for details on how the merchant validation process works.
Bubbles | No |
Cancelable | No |
Interface | MerchantValidationEvent
|
Event handler property | onmerchantvalidation
|
Examples
In this example, an event handler is established for the merchantvalidation
event. It uses the fetch()
to send a request to its own server with an argument of the payment method's validation URL, obtained from the event's validationURL
property. The merchant server should access the validation URL in accordance with the payment method documention. Typically, a client should not access the validation URL.
request.addEventListener("merchantvalidation", event => {
event.complete(async () => {
const merchantServerUrl = window.location.origin +
'/validate?url=' + encodeURIComponent(event.validationURL);
// get validation data, and complete validation;
return await fetch(merchantServerUrl).then(response => response.text());
}, false);
};
const response = await request.show();
How merchant server handles the validation depends on the server implementation and payment method documentation. The content delivered by the validation server is forwarded to the merchant server and is then returned from the fetch()
call's fulfillment handler to the complete()
method on the event. This response lets the payment handler know if the merchant is validated.
You can also use the onmerchantvalidation
event handler property to set up the handler for this event:
request.onmerchantvalidation = event => {
event.complete(async () => {
const merchantServerUrl = window.location.origin +
'/validate?url=' + encodeURIComponent(event.validationURL);
// get validation data, and complete validation;
return await fetch(merchantServerUrl).then(response => response.text());
});
};
const response = await request.show();
For more information, see Merchant Validation in Payment processing concepts.
Related events
payerdetailchange
,paymentmethodchange
,shippingaddresschange
, andshippingoptionchange
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onmerchantvalidation
|
Chrome
No support No |
Edge
No support No |
Firefox No support No No support No Notes' Available only in nightly builds. |
IE
No support No |
Opera
No support No |
Safari
Full support 11.1 |
WebView Android
No support No |
Chrome Android
No support No |
Firefox Android No support No No support No Notes' Available only in nightly builds. |
Opera Android
No support No |
Safari iOS
Full support Yes |
Samsung Internet Android
No support No |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.'
- See implementation notes.
See also
- Payment Request API
- Using the Payment Request API
onmerchantvalidation
event handler property- Merchant validation in Payment processing concepts
PaymentRequest
PaymentRequest: merchantvalidation event by Mozilla Contributors is licensed under CC-BY-SA 2.5.