जावास्क्रिप्ट चेतावनी

Question

का उपयोग किये बिना सत्यापन त्रुटि संदेश कैसे बनाएं I उपयोगकर्ता नाम फ़ील्ड के अंतर्गत प्रदर्शित एक सरल फ़ॉर्म सत्यापन त्रुटि संदेश बनाना चाहता हूं।

मुझे यह पता लगाना प्रतीत नहीं होता है। आप प्रस्तुत करने को रोकने के लिए यदि कोई त्रुटि हुई जरूरत

function validation(){ 
    if(document.myform.username.value == ""){ //checking if the form is empty 
     document.getElementById('errors').innerHTML="*Please enter a username*"; 
       //displaying a message if the form is empty 
    } 

Answer 1

:

<form name ="myform" onsubmit="validation()"> 
    Username: <input type ="text" name="username" /><br />    
    <input type ="submit" value="submit" /> 
     <div id ="errors"> 
     </div> 
</form> 

यहाँ मेरी मान्यता स्क्रिप्ट है

एचटीएमएल

<form name ="myform" onsubmit="return validation();"> 

जे एस

if (document.myform.username.value == "") { 
    document.getElementById('errors').innerHTML="*Please enter a username*"; 
    return false; 
} 

Answer 2

मैं तुम्हें jQuery का उपयोग शुरू दृढ़ता से सुझाव है। आपका कोड लगेगा जैसे:

$(function() { 
    $('form[name="myform"]').submit(function(e) { 
     var username = $('form[name="myform"] input[name="username"]').val(); 
     if (username == '') { 
      e.preventDefault(); 
      $('#errors').text('*Please enter a username*'); 
     } 
    }); 
}); 

Answer 3

जावास्क्रिप्ट

<script language="javascript"> 
     var flag=0; 
     function username() 
     { 
      user=loginform.username.value; 
      if(user=="") 
      { 
       document.getElementById("error0").innerHTML="Enter UserID"; 
       flag=1; 
      } 
     } 
     function password() 
     { 
      pass=loginform.password.value; 
      if(pass=="") 
      { 
       document.getElementById("error1").innerHTML="Enter password"; 
       flag=1; 
      } 
     } 

     function check(form) 
     { 
      flag=0; 
      username(); 
      password(); 
      if(flag==1) 
       return false; 
      else 
       return true; 
     } 

    </script> 

एचटीएमएल

<form name="loginform" action="Login" method="post" class="form-signin" onSubmit="return check(this)"> 



        <div id="error0"></div> 
        <input type="text" id="inputEmail" name="username" placeholder="UserID" onBlur="username()"> 
       controls"> 
        <div id="error1"></div> 
        <input type="password" id="inputPassword" name="password" placeholder="Password" onBlur="password()" onclick="make_blank()"> 

        <button type="submit" class="btn">Sign in</button> 
       </div> 
      </div> 
     </form>