javascript - 阻止提交订单而不填写所有输入？

Question

有没有一种方法可以在用户单击提交按钮(其操作 PHP 在不同的文件中)时警告用户他没有填写所有输入(而不是提交空字段)并让他留在该按钮上页面并更正它(尽管 php 操作位于不同的文件中)？谢谢

Answer 1

无需 JavaScript!只需使用 HTML5 required 属性即可:

<input type="text" name="username" placeholder="Enter your username" required />

显然，您还必须在服务器端验证它，因为用户可以使用 Firebug 的 Inspect Element 更改此代码。但这很简单:

<?php

if (isset($_POST['username') && $_POST['username'] != '') {
    // Passed
} else {
    // Failed
}