Question

<input type="email" class="form-control" id="email" placeholder="Enter 
email" name="email" onblur="validation()">

<input type="text" name="war-email" id="war-email" value="" 
class="error"  readonly hidden/><br>

<input type="password" class="form-control" id="pwd" 
placeholder="Enter password" name="pwd" onblur="validation()">

<input type="text" name="war-pas" id="war-pas" value="" class="error"  
readonly hidden/><br>

<input type="cpassword" class="form-control" id="cpwd" 
placeholder="Enter password" name="cpwd" onblur="validation()">

<input type="text" name="war-cpas" id="war-cpas" value="" 
class="error"  readonly hidden/><br>

 <script>
        function validation(){
        if(document.getElementById("email").value==""){
        $("#war-email").show();
        document.getElementById("war-email").value="this is invalid email";
        document.getElementById("war-email").style.color="red";
         }else{
        document.getElementById("war-email").value="this is valid email";
        document.getElementById("war-email").style.color="green";
        }
        if(document.getElementById("pwd").value==""){
        $("#war-pas").show();
        document.getElementById("war-pass").value="Short password";
        document.getElementById("war-pas").style.color="red";
        }else{
        document.getElementById("war-pas").value="Strong password";
        document.getElementById("war-pas").style.color="green";
        }
        var len=document.getElementById("cpwd").value;  
        if(document.getElementById("pwd").value!=
        document.getElementById("cpwd").value==)         
        {
        $("#war-cpas").show();
        document.getElementById("war-cpass").value="Both password should 
        matched";
        document.getElementById("war-cpas").style.color="red";
        }else{
        document.getElementById("war-cpas").value="matched..!!";
        document.getElementById("war-cpas").style.color="green";
        }
        }
        </script>

Answer 1

首先，将您的代码放在一个代码段中，以便我们更容易理解。无论如何，我将告诉你如何使用jQuery附加blur事件。

＆＃13;

$("input#name").on("blur", function()
{
  if(!this.value)
  {
    alert("Please fill out the name");
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<form id="myForm">
  <label>Your Name</label>
  <input type="text" id="name">
</form>

＆＃13;

如果您需要任何其他帮助，请告诉我： - ）

布鲁尔没有工作

1 个答案: