Textarea Пустой чек

Question

HTML

<form name="myForm" id="myForm" onsubmit="return validate();" action="<?php echo $_SERVER['PHP_SELF']?>"> 
<input type="text" name="name" id="name"> 
<textarea name="details" id="details"></textarea> 
<input type="submit"> 
</form> 

Javascript

function validate() 
{ 
     if(document.getElementById('details').value == '') 
     {  
     alert("Please Provide Details!"); 
       document.getElementById('details').focus(); 
     return false;  
     } 
     else if(document.getElementById('name').value == '') 
     {  
     alert("Please Provide Name!"); 
       document.getElementById('name').focus(); 
     return false;  
     } 
     else 
      return true; 
} 

ИЛИ

function validate() 
    { 
      if(document.myForm.details.value == '') 
      {  
      alert("Please Provide Details!"); 
       document.myForm.details.focus(); 
      return false;  
      } 
      else if(document.myForm.name.value == '') 
      {  
      alert("Please Provide Name!"); 
       document.myForm.name.focus(); 
      return false;  
      } 
      else 
       return true; 
    } 

Я видел коды из предыдущего переполнения стека, но, как я использую эти и он не работает , Будет ли кто-нибудь помогать в решении проверить пустое значение на Textarea, используя Javascript, но не jquery.

Эталон я использовал how to check the textarea content is blank using javascript? И How to check if a Textarea is empty in Javascript or Jquery?

Answer 1

Я думаю, что вы можете иметь пространство проблемы на вашем текстовое поле. Для уменьшения используйте функцию обрезки. Ниже приведен пример. Надеюсь, это может решить вашу проблему.

JavaScript Добавьте эту функцию

function trimfield(str) 
{ 
    return str.replace(/^\s+|\s+$/g,''); 
} 

И ваша функция JavaScript

function validate() 
{ 
    var obj1 = document.getElementById('details'); 
    var obj2 = document.getElementById('name'); 
     if(trimfield(obj1.value) == '') 
     {  
       alert("Please Provide Details!"); 
       obj1.focus(); 
       return false;  
     } 
     else if(trimfield(obj2.value) == '') 
     {  
       alert("Please Provide Name!"); 
       obj2.focus(); 
       return false;  
     } 
     else 
      return true; 
} 

ИЛИ

function validate() 
    { 
     var obj1 = document.myForm.details; 
     var obj2 = document.myForm.name; 
      if(trimfield(obj1.value) == '') 
      {  
       alert("Please Provide Details!"); 
       obj1.focus(); 
       return false;  
      } 
      else if(trimfield(obj2.value) == '') 
      {  
       alert("Please Provide Name!"); 
       obj2.focus(); 
       return false;  
      } 
      else 
       return true; 
    } 

и HTML с PHP

<form name="myForm" id="myForm" onsubmit="return validate();" action="<?php echo $_SERVER['PHP_SELF']?>"> 
<input type="text" name="name" id="name"> 
<textarea name="details" id="details"></textarea> 
<input type="submit"> 
</form>