Question

我有一些流氓输入和提交按钮，在列表中添加新项目，我想阻止它们在没有任何内容时可提交。它们看起来像这样：

<input name="name" placeholder="Application Name">
<button type="submit">Add App</button>

我有一堆他们，我想知道是否有某种方式我可以让他们所有人不提交时，他们什么都没有。谢谢！

Answer 1

是的，只需添加必需的属性。

<input name="name" placeholder="Application Name" required>

Answer 2

有两种解决方案......

解决方案设置为HTML5属性required
解决方案在表单上设置了功能，因此在提交时，功能将被处理，return false;将阻止提交：

<form action="" method="post" onSubmit="checkInputs();return false;" id="form">

然后你可以浏览每一个输入：

$('#form input').each(function() {

最后，您将检查是否输入text类型，如果为空：

if( type == 'text' && value.length == 0 )

这是FIDDLE DEMO

Answer 3

＆＃39;需＆＃39; Internet Explorer 9及更早版本或Safari中不支持该属性。
在表单中包含输入和按钮，并在提交时验证表单。

HTML代码：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<form name="app_form" id="app">
    <input name="name" id="name" placeholder="Application Name">
    <button type="submit">Add App</button>
</form>

JS代码：

$("#app").submit(function(event) {
    if (!$("#app #name").val()) {
        alert("Please enter Application Name.");
        event.preventDefault();  // this will prevent form submission
});

防止输入在空（非形式）时提交

3 个答案: