Javascript 如何禁用引导按钮,直到输入填充并单击按钮?
我正试图实现一个奇怪的要求。我还将提供一些背景信息。首先是这个问题 我想禁用一个按钮,直到填充字段并单击另一个按钮。我希望用户在表单中输入数据,然后单击“保存”来解析数据。我必须这样做的原因是因为我正在与一个机器人通信,这需要这样做。我基本上需要发送2个链接到机器人,以使其工作。说到这里,我有一个链接onchange和一个按钮上的链接。我试图避开保存链接,但发生的时间太快,机器人无法处理 这是我的密码Javascript 如何禁用引导按钮,直到输入填充并单击按钮?,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我正试图实现一个奇怪的要求。我还将提供一些背景信息。首先是这个问题 我想禁用一个按钮,直到填充字段并单击另一个按钮。我希望用户在表单中输入数据,然后单击“保存”来解析数据。我必须这样做的原因是因为我正在与一个机器人通信,这需要这样做。我基本上需要发送2个链接到机器人,以使其工作。说到这里,我有一个链接onchange和一个按钮上的链接。我试图避开保存链接,但发生的时间太快,机器人无法处理 这是我的密码 <div class="form"> <form id="pnfor
<div class="form">
<form id="pnform" name="pnform" language=javascript>
<input type="text" class="form-control-lg" id="pname" placeholder="Enter Part Name" onchange="return pname_onchange()" style="width:375px; height:50px">
</form>
<!--Parse Data To Robot On Form Change-->
<script>
function pname_onchange() {
str = '/KCLDO/set%20var%20[hmi]Part_Name=' + "'" + document.pnform.pname.value + "'" ;
//alert(str);
window.location.href = str ;
}
function parseData() {
str = '/KARELCMD/HMI';
//alert(str);
window.location.href = str;
}
</script>
<!--End Parse-->
</div>
<br />
<a href="/KARELCMD/HMI">
<button type="button" class="btn btn-secondary btn-lg pt-4 pb-4 pr-5 pl-5 mb-3 mr-2">
<h1>Save</h1>
</button>
</a>
<a href="/fr/p_type.htm">
<button type="submit" class="btn btn-secondary btn-lg pt-4 pb-4 pr-2 pl-2 mb-3 ml-2">
<h1>Continue</h1>
</button>
</a>
函数pname_onchange(){
str='/KCLDO/set%20var%20[hmi]部件名称='+“'+document.pnform.pname.value+”;
//警报(str);
window.location.href=str;
}
函数parseData(){
str='/KARELCMD/HMI';
//警报(str);
window.location.href=str;
}
有人能就此提供建议吗?我希望“继续”按钮被禁用,直到用户填写表单并点击保存按钮
提前感谢。只需在“继续”按钮中添加一个ID,然后将
禁用属性设置为以以下内容开头:
<a href="/fr/p_type.htm"><button id="continue" type="submit" class="btn btn-secondary btn-lg pt-4 pb-4 pr-2 pl-2 mb-3 ml-2" disabled><h1>Continue</h1></button></a>
现在它应该可以工作了
希望这有帮助
<a href="/KARELCMD/HMI" onclick="continueButton()"><button type="button" class="btn btn-secondary btn-lg pt-4 pb-4 pr-5 pl-5 mb-3 mr-2"><h1>Save</h1></button></a>
function continueButton() {
if (document.getElementById("pname").value != "") {
document.getElementById("continue").removeAttribute("disabled");
}
}