Home/ Questions/Q 4099372
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T20:25:31+00:00

I have a small question about using jquery. I have the following code: <html>

  • 0

I have a small question about using jquery.
I have the following code: 

<html> 
<head>

    <script src="jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("form").submit(function(){
       if(!$(':text').val()){
        $("span").text("sdfgsd").show();

        };return false;
      })
      });
    </script>
</head>
<body>
    <form action=""  id="ff" >
       <span></span>
        <input type="text" name="test" /> <br />
        <input type="text" name="test3" /> <br />
        <input type="checkbox" name="test2" /> <br />
        <input type="submit" value="push it" />
    </form>

</body>

the problem is that the selector is only activated for the first textbox. if you enter a value in the first textbox the trigger is not activated. neither :text or :input work properly.

does anyone have any ideas??

thanx in advance,
denisr

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’d suggest you to do something like that:

    <html> 
<head>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#ff").submit(function(e) {
                $('.text-input').each(function() {
                    if ($(this).val() == '') {
                        $("#msg").text("sdfgsd");
                        e.preventDefault();
                        return false;
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form method="post" action=""  id="ff">
        <span id="msg"></span>
        <input type="text" class="text-input" name="test" /> <br />
        <input type="text" class="text-input" name="test3" /> <br />
        <input type="checkbox" name="test2" /> <br />
        <input type="submit" value="push it" />
    </form>
</body>
</html>
    • Try to use as much as possible the id or class attributes to access elements because it’s more efficient and less prone to errors
    • Use e.preventDefault() to prevent from submitting the form
    • Use return false; to get out of the each loop right away
    • 0