Home/ Questions/Q 6945163
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T13:24:02+00:00

my html: <html> <body> <input type=text id=name name=name placeholder=First Name /> <label for=name>First Name

  • 0

my html:

<html>
  <body>
    <input type="text" id="name" name="name" placeholder="First Name" />
    <label for="name">First Name </label>
    <button id="submit" src="images/button.png" width="100" >Submit</button>
  </body>
</html>

my script is:

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">                                         
  $(document).ready(function(){
    $('#submit').click(function() {
      var emptyTextBoxes = $('input[type=text],[type=password]').filter(function() { return this.value == "";
    });
    emptyTextBoxes.each(function() {
        $(emptyTextBoxes).nextAll('label').css({'display':'inline','color':'#F00'});
    });
  });

here once i entered values in the textfield i want to show message(form submitting) how can put that alert message here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Completely re-worked version which puts your input fields into a form and corrects errors in the original javascript…

    <html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
        // use the id of the form (moved from the button)
        $('#submit').bind('submit',function(){
          // I added `input` in front of your password selector to make it more accureate/efficient
          var emptyTextBoxes = $('input[type=text],input[type=password]').filter(function(){
            return this.value == "";
          });
          // if there are no empty boxes
          if(!emptyTextBoxes.length){
            alert('We finally did it')
          }
          // this prevents the form from being submitted
          return false;
        })
      })
    </script>
  </head>
  <body>
    <!-- wrap with form and give form id -->
    <form action='#' method='POST' id="submit">
      <input type="text" id="name" name="name" placeholder="First Name" />
      <label for="name">First Name </label>
      <!-- replace button with submit input -->
      <input type='submit' width="100" />
    </form>
  </body>
</html>
    • 0