如果必填字段为空,如何隐藏提交按钮? [英] How to hide submit button when required fields are empty?
问题描述
我有一个用于验证空字段的工作代码,其中包含必填字段。
如果字段为空,则隐藏提交按钮。但是在页面上加载,即使输入字段中有信息,按钮也会隐藏。
HTML CODE
I have a working code that i use to validate empty fields, of which are required fields.
If fields are empty i hide the submit button. But on-load of the page, the button is hidden even if there is info inside input fields.
HTML CODE
<label for="firstname"><span class="starRequired">* </span>First name:</label><br><input type="text" name="firstname" required id="firstname" autofocus="autofocus" pattern ="{3,50}" >">
<label for="lastname"><span class="starRequired">* </span>Last name:</label><br><input type="text" name="lastname" required id="lastname" pattern ="{3,50}" >">
<label for="mobilenumber"><span class="starRequired">* </span>Mobile Number:</label><input type="text" name="mobilenumber" required id="mobilenumber" >">
<label for="idnumber">ID Number:</label><br/>
<input type="text" name="idnumber"required id="idnumber" >">
if ($status != "2") { ?>
<input type="submit" id="apply" name="apply" value="Apply"
/>
<div class="agreement">
<input type="checkbox" id="terms" name="terms" >
<label for="terms">I accept the Reseller Agreement</label>
<?php } ?>
JavaScript
JavaScript
inputlastName = document.getElementById("lastname");
inputfirstName = document.getElementById("firstname");
inputmobileNumber = document.getElementById("mobilenumber");
inputidNumber = document.getElementById("idnumber");
inputSubmit = document.getElementById("apply");
function submitChange()
{
if(inputfirstName.value == "" || inputlastName == "" || inputmobileNumber.value == "" || inputidNumber.value == "")
{
inputSubmit.style.display = "none";
}
else
{
inputSubmit.style.display = "block";
}
}
我想阻止它如果我在页面上加载了值,那么表格就会消失。
如何实现这一目标?
I want to prevent it form disappearing if I have values in fields on-load of the page.
How can I accomplish this?
推荐答案
status!= < span class =code-string> 2){?>
status != "2") { ?>
<input type="submit" id="apply" name="apply" value="Apply"
/>
<div class="agreement">
<input type="checkbox" id="terms" name="terms" >
<label for="terms">I accept the Reseller Agreement</label>
<?php } ?>
JavaScript
JavaScript
inputlastName = document.getElementById("lastname");
inputfirstName = document.getElementById("firstname");
inputmobileNumber = document.getElementById("mobilenumber");
inputidNumber = document.getElementById("idnumber");
inputSubmit = document.getElementById("apply");
function submitChange()
{
if(inputfirstName.value == "" || inputlastName == "" || inputmobileNumber.value == "" || inputidNumber.value == "")
{
inputSubmit.style.display = "none";
}
else
{
inputSubmit.style.display = "block";
}
}
我想阻止它如果我在页面上加载了值,那么表格就会消失。
如何实现这个?
I want to prevent it form disappearing if I have values in fields on-load of the page.
How can I accomplish this?
你需要做的是获取submitChange()在文档/窗口加载时执行。
这可以在客户端以几种方式执行。
HTML:
What you need to do is get submitChange() to be executed when the document/window has loaded.
This can be performed in a few ways on client side.
HTML:
<body onload="submitChange()">
</body>
JavaScript:
JavaScript:
window.onload = function() {
submitChange();
};
jQuery:
jQuery:
( document )。ready( function (){
submitChange();
});
(document).ready(function() { submitChange(); });
我相信以上3种技巧都可行。
I believe the above 3 techniques should work.
这篇关于如果必填字段为空,如何隐藏提交按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!