当复选框被选中时,警告文本框为空
Alert textbox is empty when checkbox is checked
这可能有点令人困惑,但请耐心听我说。我需要2个文本框和1复选框。当复选框被选中时,需要检查文本框是否被填充。如果文本框已经填充,则不执行任何操作。
我真的很挣扎,所以我真的很感激。如果你不明白我说的话,这就是我需要解决的问题。
*在页面order.html中,在帐单地址字段附近的适当位置创建一个带有标签"与送货地址相同"的复选框。选中此复选框后,账单地址字段将自动填充送货地址。如果选中此复选框时未填写送货地址,则显示警告或内联消息:"请先输入您的送货地址"。*
我已经设法用这些代码做了重复的部分。(地址和邮政编码分开)
function copy() {
var daddress = document.getElementById("daddress");
var baddress = document.getElementById("baddress");
baddress.value = daddress.value;
var dpost = document.getElementById("dpost");
var bpost = document.getElementById("bpost");
bpost.value = dpost.value;
}
但是我看不出后面的部分。
下面是复选框 的代码<input id="duplicate" type="checkbox" name="duplicate"
value="Duplicate" onClick="copy();"/>Same as delivery address
<p id="dalert"><b><i>Please enter your delivery address first</i></b><p>
在这种情况下,您可以使用textarea作为地址:
<textarea id="delivery-address"></textarea>
然后你会使用JavaScript来获取它的内容:
var deliveryAddress = document.getElementById("delivery-address").value.trim();
要检查他们是否输入了地址,您可以使用:
if (deliveryAddress === "") { ... }
在大多数情况下,地址会被分成几个输入,通常两行是街道地址,一行是城市、州和邮政编码。
提示如下:
alert('Some text');
您可以使用if语句在设置它们之前检查是否有任何输入。
if (daddress.value && dpost.value) {
baddress.value = daddress.value;
bpost.value = dpost.value;
} else {
alert('Please enter your delivery address first!');
e.preventDefault(); // Stops checkbox from becoming checked.
}
JSFiddle
编辑:忘了提到要使用e.preventDefault()
,您需要更改函数以接受e参数(function copy(e) {...}
)并在onclick事件(onclick="copy(event)"
)中传递event
。您将在JSFiddle中看到这些
相关文章:
- 在文本区域旁边显示一个对话框,不显示弹出窗口或警告框
- Java脚本警告框,而文本框为只读
- Jquery-单击禁用的文本输入时显示一个javascript警告框
- 验证文本字段并在文本框右侧添加警告文本
- jQuery警告文本选项从选择标签
- Js上单击打开链接,然后复制文本,然后显示警告
- PHP中的Javascript警告框在网页上显示为实际文本:alert
在“ - 当复选框被选中时,警告文本框为空
- 将文本转换为整数,如果高于50则警告
- 如何弹出一个javascript警告框与文本框里面更新mysql表
- 输入文本框应该包含$和£货币符号和警告,如果用户输入任何其他特殊字符
- 在按钮上单击警告消息,并在字段中更改文本
- 3秒后查看文本和警告框
- 使用Javascript将我的html输入限制为只有文本并警告用户否则
- 如何使用javascript从pdf中警告选定的文本
- 我如何改变JS警告文本的字体
- 在无效输入的文本框上显示警告
- 空文本框,需要警告
- Android webview:如何在Android webview中更改JavaScript警告标题文本
- 如果在警告框中单击确定,则所有文本框变为空