当文本框有数据时执行代码

Question

我有一个项目，我必须计算两点之间的坐标。一旦用户输入三个文本框(街道、省和城市)，就会计算出第一个坐标。

如果用户填写了所有三个框，而不是之前，我如何执行PHP中的代码？

<form name="form" action="" method="post">
    <input type="text" name="provincia" id="provincia">
    <input type="text" name="municipio" id="municipio">
    <input type="text" name="calle" id="calle">
    <input type="submit" value="&#161;Buscar!"/>
</form>

这是用户必须填写的表单。一旦用户在这三种情况下都写入(不涉及顺序)，我就有了php代码，我不确定一旦这些框有值，它是否能执行。

我应该用什么来完成这个任务呢？阿贾克斯？Jquery？Javascript？

不太确定，

谢谢。

Answer 1

你在找这个吗？

 $(document).ready(function () {
        var flag = false;
        $("input[type=text]").change(function () {
            flag = true;
            $("input[type=text]").each(function () {
                if ($(this).val().trim() == "") {
                    flag = false;
                }
            });
            if (flag) {
                alert("all have values");
                $("input[type=submit]").trigger("click");
            }
          alert(values);
        });


    });

编辑

<form name="form" action="" method="post">
<input type="text" class="tobeChecked" name="provincia" id="provincia">
<input type="text" class="tobeChecked" name="municipio" id="municipio">
<input type="text" class="tobeChecked" name="calle" id="calle">
<input type="submit" value="&#161;Buscar!"/>
</form>

$(document).ready(function () {
        var flag = false;
        $(".tobeChecked").change(function () {
            var values = "";
            flag = true;
            $(".tobeChecked").each(function () {
                values += $(this).val().trim() + "+";
                if ($(this).val().trim() == "") {
                    flag = false;
                }
            });
            if (flag) {
                alert("all have values");
                $("input[type=submit]").trigger("click");
            }
        });

    });

Answer 2

您可以使用jquery验证插件在客户端本身验证这3个输入字段，这样，在完全填充输入字段之前，用户无法提交表单。

Answer 3

给你的按钮一个ID，就像：

 <input type="submit" id="button" value="&#161;Buscar!"/>

然后您可以在JQuery中这样做：

$("#button").click(function(){

    //Get the value of the fields
    var textfield1 = document.getElementById("provincia").value;
    var textfield2 = document.getElementById("municipio").value;
    var textfield3 = document.getElementById("calle").value;

    //Check if Values are filled
    if ( !textfield1.match(/\S/) || !textfield2.match(/\S/) || !textfield3.match(/\S/))
        {
           //execute your script

        }

希望能帮上忙。