Merge pull request swapnilsparsh#100 from anurag97en/master

Issue in Dynamic Form Field swapnilsparsh#78

Author: swapnilsparsh

07 - Dynamic Form Field/script.js

@@ -4,17 +4,26 @@ var remove_fields = document.getElementById('remove_fields');
 
 add_more_fields.onclick = function(){
     var newField = document.createElement('input');
+    var input_tags = survey_options.getElementsByTagName('input');
     newField.setAttribute('type', 'text');
     newField.setAttribute('name', 'survey_options[]');
     newField.setAttribute('class', 'survey_options');
     newField.setAttribute('siz', 50);
     newField.setAttribute('placeholder', 'Another Field');
     survey_options.appendChild(newField);
+    if(input_tags.length > 2){
+        document.getElementById("remove_fields").style.visibility="visible";
+        
+    }
 }
 
 remove_fields.onclick = function(){
     var input_tags = survey_options.getElementsByTagName('input');
     if(input_tags.length > 2){
         survey_options.removeChild(input_tags[(input_tags.length)-1]);
     }
+    else{
+        document.getElementById("remove_fields").style.visibility="hidden";
+
+    }
 }

07 - Dynamic Form Field/style.css

@@ -52,12 +52,32 @@ input[type="text"]:focus {
 }
 
 #add_fields {
+  background-color: #4CAF50; /* Green */
+  border: none;
+  border-radius: 10px;
   color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;  
+  
 }
 
+
+
 #remove_fields {
+  background-color: #ee052c; /* Red */
+  border: none;
+  border-radius: 10px;
+  margin-left: 70px;
   color: white;
-  float: right;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px; 
+  
 }
 
 .controls a {

42 - Simple Form Validation/app.js

@@ -28,13 +28,23 @@ const isPasswordSecure = function(password) {
   const format = new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/)
   return format.test(String(password))
 }
+
+//Only One space between two words will be passed
+const isValidUserName = function(username) {
+  const format = new RegExp(/^([^\s]*[A-Za-z0-9]\s{0,1})[^\s]*$/)
+  return format.test(String(username).toLowerCase())
+}
+
 const validateUsername = function() {
   let isInputValid = false
   const username = username_input.value.trim()
 
   if (isBlank(username)) {
     setError(username_input, "Username can't be blank.")
-  } else if (!isBetween(username.length)) {
+  } else if (!isValidUserName(username) ) {
+    setError(username_input, `Username Invalid`);
+  }
+  else if (!isBetween(username.length)) {
     setError(username_input, `Username must be between ${min} and ${max} characters.`);
   } else {
     setSuccess(username_input);