FilesExpand file tree

 master

/

document-submit.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

103 lines (89 loc) · 3.36 KB

 master

/

document-submit.js

Copy path

Top

File metadata and controls

• Code
• Blame

103 lines (89 loc) · 3.36 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

/**

* Copyright 2016 The AMP HTML Authors. All Rights Reserved.

*

* Licensed under the Apache License, Version 2.0 (the "License");

* you may not use this file except in compliance with the License.

* You may obtain a copy of the License at

*

* http://www.apache.org/licenses/LICENSE-2.0

*

* Unless required by applicable law or agreed to in writing, software

* distributed under the License is distributed on an "AS-IS" BASIS,

* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

* See the License for the specific language governing permissions and

* limitations under the License.

*/

import {startsWith} from './string';

import {user} from './log';

import {assertHttpsUrl, getCorsUrl, SOURCE_ORIGIN_PARAM} from './url';

import {urls} from './config';

/** @const {string} */

const PROP = '__AMP_SUBMIT';

/**

* @param {!Window} window

*/

export function installGlobalSubmitListener(window) {

if (!window[PROP]) {

window[PROP] = true;

window.document.documentElement.addEventListener(

'submit', onDocumentFormSubmit_, true);

}

}

/**

* Intercept any submit on the current document and prevent invalid submits from

* going through.

*

* @param {!Event} e

*/

export function onDocumentFormSubmit_(e) {

if (e.defaultPrevented) {

return;

}

const form = e.target;

if (!form || form.tagName != 'FORM') {

return;

}

const inputs = form.elements;

for (let i = 0; i < inputs.length; i++) {

user().assert(!inputs[i].name ||

inputs[i].name != SOURCE_ORIGIN_PARAM,

'Illegal input name, %s found: %s', SOURCE_ORIGIN_PARAM, inputs[i]);

}

const win = form.ownerDocument.defaultView;

let action = form.getAttribute('action');

if (!form.__AMP_INIT_ACTION__) {

form.__AMP_INIT_ACTION__ = action;

} else {

action = form.__AMP_INIT_ACTION__;

}

user().assert(action, 'form action attribute is required: %s', form);

assertHttpsUrl(action, form, 'action');

user().assert(!startsWith(action, urls.cdn),

'form action should not be on AMP CDN: %s', form);

// Update the form non-xhr action to add `__amp_source_origin` parameter.

// This allows publishers to understand where the request is coming from.

form.setAttribute('action', getCorsUrl(win, action));

const target = form.getAttribute('target');

user().assert(target, 'form target attribute is required: %s', form);

user().assert(target == '_blank' || target == '_top',

'form target=%s is invalid can only be _blank or _top: %s', target, form);

// amp-form extension will add novalidate to all forms to manually trigger

// validation. In that case `novalidate` doesn't have the same meaning.

const isAmpFormMarked = form.classList.contains('-amp-form');

let shouldValidate;

if (isAmpFormMarked) {

shouldValidate = !form.hasAttribute('amp-novalidate');

} else {

shouldValidate = !form.hasAttribute('novalidate');

}

// Safari does not trigger validation check on submission, hence we

// trigger it manually. In other browsers this would never execute since

// the submit event wouldn't be fired if the form is invalid.

// TODO: This doesn't display the validation error messages. Safari makes them

// available per input.validity object. We need to figure out a way of

// displaying these.

if (shouldValidate && form.checkValidity && !form.checkValidity()) {

e.preventDefault();

return;

}

}