Change a div content on input change from an URL (WHOIS)

Question

I'm trying to make WHOIS script that can display the availability of a domain name. I already have the PHP done. All I want is the jQuery part that could detect the change of the content of an input, send a POST request to a page and display the content of the page in a certain div.

Here's my HTML

<div class="input">
    <input type="text" name="domain" placeholder="monsiteweb.com"/>
</div>
<div id="result">
</div>

The jQuery I have right now (not working)

<script>
$(document).ready(function(){
    $("input[name=domain]").change(function () { 
        alert("Changed!"); 
});
</script>

Thanks a lot

score 2 · Answer 1 · answered Oct 27 '11 at 21:51

2

You are missing one close brackets there:

<script>
$(document).ready(function(){
    $("input[name=domain]").change(function () { 
        alert("Changed!"); 
    });
});
</script>

Also, do not forget that you only get the alert after leaving the field.

answered Oct 27 '11 at 21:51

samura

4,375
1
19
26

You didn't answer ma question! – jpmonette Oct 27 '11 at 21:56
You're right. I saw the error and you pointing out that it did not work, so I simply corrected it. – samura Oct 27 '11 at 21:59

score 2 · Accepted Answer · answered Oct 27 '11 at 21:54

2

basically:

$("input[name=domain]").change(function () { 
    $.post('script.php', { query: $(this).val() }, function(data) {
          $('#result').html(data);
    });
});

then have your PHP script check $_POST['query'] for the user's input.

answered Oct 27 '11 at 21:54

Marc B

356,200
43
426
500

Thanks! Working perfectly :)! – jpmonette Oct 27 '11 at 23:25

score 1 · Answer 3 · answered Oct 27 '11 at 21:52

1

You have opened some brackets, that are not closed:

<script>
$(document).ready(function(){
    $("input[name=domain]").change(function () { 
        alert("Changed!"); 
    });
});
</script>

answered Oct 27 '11 at 21:52

Dmitrii Tarasov

414
2
13

Change a div content on input change from an URL (WHOIS)

3 Answers3