输入字段为空时防止表单提交
[英]Preventing form submission when input field is empty
问题描述
当roll输入字段没有提供任何值时， empty()函数会产生一个警报，但这个空值仍会传递给retrive.php 。 那么我怎样才能阻止这种情况发生并且只在提供一些输入值时将值传递给retrive.php呢？
<html>
<head>
<title>STUDENT FORM</title>
<script type="text/javascript">
function empty()
{
var x;
x = document.getElementById("roll-input").value;
if (x == "")
{
alert("Enter a Valid Roll Number");
};
}
</script>
</head>
<body >
<h1 align="center">student details</h1>
<div id="input">
<form action='retrive.php' method='get'>
<fieldset>
<legend>Get Details</legend>
<dl>
<dt><label for="roll-input">Enter Roll Number</label></dt>
<dd><input type="text" name="roll" id="roll-input"><dd>
<input type="submit" value="submit" onClick="empty()" />
</dl>
</fieldset>
</form>
</div>
</body>
</html>
6 个解决方案
解决方案1
39 已采纳 2013-04-11 16:26:27
您需要返回 false 才能取消提交。
function empty() {
var x;
x = document.getElementById("roll-input").value;
if (x == "") {
alert("Enter a Valid Roll Number");
return false;
};
}
和
<input type="submit" value="submit" onClick="return empty()" />
解决方案2
16 2018-04-19 14:33:52
如何使用 required 属性？
<input id="Name" name="Name" class="form-control" placeholder="Enter name" type="text" required/>
虽然只适用于 html5。
解决方案3
6 2020-03-21 22:05:27
最简单的方法是在输入标签中添加属性“required”
<input type="text" name="name" required>
解决方案4
2 2014-01-09 20:04:05
<form method="post" name="loginForm" id ="loginForm" action="login.php">
<input type="text" name="uid" id="uid" />
<input type="password" name="pass" id="pass" />
<input type="submit" class="button" value="Log In"/>
<script type="text/javascript">
$('#loginForm').submit(function()
{
if ($.trim($("#uid").val()) === "" || $.trim($("#pass").val()) === "") {
alert('Please enter Username and Password.');
return false;
}
});
</script>
</form>
解决方案5
1 2016-06-08 08:55:57
我用这个我认为它可能会有所帮助
$(function () {
$('form').submit(function () {
if ($('input').val() === "") {
alert('Please enter Username and Password.');
return false;
}
});
})
或者像这样使用类或 ID
$('.inputClass')
$('#inputID')
解决方案6
0 2017-06-23 08:51:00
如果您想保存代码，您可以简单地执行以下操作：
<input type="text" name="roll" id="roll-input">
<input type="submit" value="submit" onClick="return document.getElementById('roll-input').value !=''"/>
我只是说。
当所有输入文本字段为空时阻止表单提交，但当其中任何一个都不为空时允许使用jquery提交
[英]prevent form submission when all input text fields are empty but allow submission when any of them in not empty with jquery
当单元格不是输入字段时如何获取表单提交的行数据
[英]How to get row data on form submission when the cell is not an input field
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.