FilesExpand file tree

 master

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

88 lines (76 loc) · 2.54 KB

 master

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

88 lines (76 loc) · 2.54 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

var nameError = document.getElementById('name-error');

var emailError = document.getElementById('email-error');

var phoneError = document.getElementById('phone-error');

var messageError = document.getElementById('message-error');

var submitError = document.getElementById('submit-error');

// Validate name

function validateName() {

var name = document.getElementById('contact-name').value;

if (name.length == 0) {

nameError.innerHTML = "Please enter your name!";

return false;

}

if (!name.match(/^[A-Za-z]*\s{1}[A-Za-z]*$/)) {

nameError.innerHTML = "Write full name!";

return false;

}

nameError.innerHTML = '<i class="fas fa-check-circle"></i>';

return true;

}

// Validate email address

function validateEmail(){

var email = document.getElementById('contact-email').value;

if (email.length == 0) {

emailError.innerHTML = "Please enter email!";

return false;

}

if (!email.match(/^[A-Za-z\._\-0-9]+[@][A-Za-z]*[\.][a-z]{2,4}$/)) {

emailError.innerHTML = "Enter valid email!";

return false;

}

emailError.innerHTML = '<i class="fas fa-check-circle"></i>';

return true;

// Validator functions

// /^[A-Za-z\._\-[0-9]*[@][A-Za-z]*[\.][a-z]{2,4}$/

// /^\S+@\S+\.\S+$/

}

// Validate phone number

function validatePhone(){

var phone = document.getElementById('contact-phone').value;

if (phone.length == 0) {

phoneError.innerHTML = "Please enter phone number!";

return false;

}

if (phone.length !== 10) {

phoneError.innerHTML = "Enter valid phone number!";

return false;

}

if (!phone.match(/^[0-9]{10}$/)) {

phoneError.innerHTML = "Enter valid phone number!";

return false;

}

phoneError.innerHTML = '<i class="fas fa-check-circle"></i>';

return true;

}

// Validate message

function validateMessage(){

var message = document.getElementById('contact-message').value;

var required = 20;

var left = required - message.length;

if (left > 0) {

messageError.innerHTML = left + " more characters required!";

return false;

}

messageError.innerHTML = '<i class="fas fa-check-circle"></i>';

return true;

}

function validateForm(){

if(!validateName() || !validateEmail() || !validatePhone() || !validateMessage()){

submitError.style.display = 'block';

submitError.innerHTML = 'Please fill details to submit';

setTimeout(function() {

submitError.style.display = 'none';

}, 3000);

return false;

}

}