How to clear html input related with php and ajax?

Question

How can I set automatically clear my html input after click enter? It's complicated because my program uses ajax and php also. I tried to do this by jQuery $("#txt").val('') but then my input is clearing every single typed letter (I need to clear input only after click enter).

<html>
<body>
<div><label for="txt">Text:
<input id="txt" name="txt" type="text" value="" size="20"></label></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>

<script>
   $(window).load(function() {
       $("#txt").keyup(function(event) {
           if (event.keyCode == 13) 
            $.ajax({
                url: 'hello.php',
                data: {
                    func: 'test',
                    txtVal: $("#txt").val()
                },
                type: 'post',                                   
                });
              $("#txt").val('')
           });
    });
</script>

alexander.polomodov · Accepted Answer · 2016-03-15 17:17:42Z

1

There are problem with your if statement. Try to fix it with this code:

<html>
<body>
<div><label for="txt">Text:
    <input id="txt" name="txt" type="text" value="" size="20"></label></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>

<script>
    $(window).load(function() {
        $("#txt").keyup(function(event) {
            if (event.keyCode == 13) {
                $.ajax({
                    url: 'hello.php',
                    data: {
                        func: 'test',
                        txtVal: $("#txt").val()
                    },
                    type: 'post',
                });
                $("#txt").val('')
            }
        });
    });
</script>

answered Mar 15, 2016 at 17:17

alexander.polomodov

5,54414 gold badges44 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

alexander.polomodov Over a year ago

Try to change this to type: "POST" as in jquery manual api.jquery.com/jquery.post

Collectives™ on Stack Overflow

How to clear html input related with php and ajax?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related