Question

在下面的代码中，当未在字段中输入值时，警告框将出现在另一个窗口中。但我希望警报框出现在html页面的相同窗口（detail.htm）。我可以这样做吗？

detail.htm：

<body>    
    <h1> Product: </h1>
    <form  action="product.php"  method="post"  >
        <input type="text" name= "product_id" size="15" />
        <input type="text" name= "price" size="10"/>
        <input type = "submit"  value = "enter" /> 
    </form>        
</body>

product.php：

if (empty($_POST["product_id"]) || empty($_POST["price"])) {
    echo "<script>alert('You must enter both values.')</script>";
} else {
    include 'product.htm';
}

Answer 1

我认为您应该使用客户端验证：

<script language="javascript">
    function validate() {
        if (document.forms[0].product_id.value == "") {
            window.alert("You must enter both values");
            return false;
        }
        if (document.forms[0].price.value == "") {
            window.alert("You must enter both values");
            return false;
        }
    }
</script>

然后在validate() onsubmit事件上调用FORM函数

<form action="product.php"  method="post" onsubmit="return validate();">

Answer 2

您必须在Javascript中实现客户端检查才能实现。

Answer 3

为您的表单提供ID，使用JavaScript（或使用jQuery等库）并执行以下操作：

$('#id-of-the-form').submit(function(e) {
    var self = this;
    e.preventDefault();
    var found_empty = false;
    $('#id-of-the-form').find(':input').each(function() {
        if ($(this).val() == '') {
            found_empty = true;
        }
    });
    if (found_empty) {
        alert('Please enter all values!');
    }
    else {
        $(this).submit();
    }
});

请注意我在这个例子中使用jQuery！

作为参考，我使用jQuery来观察表单的提交，获取表单的所有字段并检查字段是否为空。如果它们是空的，它会发出警报，如果没有 - 它会提交。

在PHP中显示警报框

3 个答案: