dedi

by Dedi Wibisono

HTML

<div class="column2">
  <div class="mat-input-outer">
    <input type="text" autocomplete="off" class="name-passenger" required/>
    <label class="">Nama lengkap pemesan</label>
    <div class="border"></div>
  </div>
  <div class='result-name'></div>
</div>

<div class="column2">
  <div class="mat-input-outer">
    <input type="text" autocomplete="off" class="name-passenger"/>
    <label class="">Nama lengkap pemesan</label>
    <div class="border"></div>
  </div>
  <div class='result-name'></div>
</div>		

<div class="column2">
  <div class="mat-input-outer">
    <input type="text" autocomplete="off" class="name-passenger"/>
    <label class="">Nama lengkap pemesan</label>
    <div class="border"></div>
  </div>
  <div class='result-name'></div>
</div>

JavaScript

function validateName(name) {
		  var re = /^[a-zA-Z]+(([' -][a-zA-Z ])?[a-zA-Z]*)*$/;
		  return re.test(name);
		}

function validateN(nadya) {
		  var $result = nadya.parent().siblings(".result-name");
		  var name = nadya.val();
		  $result.text("");
		  if (!(validateName(name))) {
		    $result.text("Nama belum benar");
		    $result.css({"color":"red","margin-left":"25px","font-size":"10px"});
		  	
		    //$("#name-contact").css('background','red')
		  } else {
		  	$result.text("Nama benar");
		  }
      
      if (!nadya.attr("required") && nadya.val() == "") {
      	$result.text("");
      }
      
		  return false;
		}
    
    //validasi kenapa this nya gak kena???????
    $(document).on('keyup', ".name-passenger", function(){
    	$(this).parent().next().css('color','green')
      validateN($(this));
		})