Javascript 添加购物车按钮上的网页警报消息
我想在我的网页上显示一条警告信息,以防表单中未选择大小或颜色单选按钮。有人能帮我吗?我尝试了一些东西,但没有成功。请参见下面我的代码:Javascript 添加购物车按钮上的网页警报消息,javascript,php,html,shopping-cart,Javascript,Php,Html,Shopping Cart,我想在我的网页上显示一条警告信息,以防表单中未选择大小或颜色单选按钮。有人能帮我吗?我尝试了一些东西,但没有成功。请参见下面我的代码: <div id="Form"><form method="POST" autocomplete="off" title="Product"> <input name="title" type="hidden" id="title" value="0"> <br> <p name="cor
<div id="Form"><form method="POST" autocomplete="off" title="Product">
<input name="title" type="hidden" id="title" value="0">
<br>
<p name="cor">
<strong>
<label><br>Color:</strong></span><br>
</label>
<label><input type="radio" name="cor" value="white" id="cor_0">
White</label></p>
<p name="Size">
<label><br>Size:<br></label>
<label><input type="radio" name="size" value="22" id="22" onclick="setShoppingCartUrl(this)">
M</label>
<label><input type="radio" name="size" value="23" id="23" onclick="setShoppingCartUrl(this)">
G</label>
</strong></p>
<p><br></p>
<script>
baseurl = 'cart2.php?add=';
function setShoppingCartUrl(e) {
document.getElementById('shoppingcart').href=baseurl+e.value
}
</script></div>
<div><script>
function setShoppingCartindexUrl()
if (value < 20) {
alert('<?php echo "Please select your size"; ?>');
}
else {
href="cart2.php?add=."
} </script>
<a id="shoppingcart" onclick="setShoppingCartindexUrl()" target="_self"><img src="images/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a>
</div>
</form>
颜色:
白色的
大小:
M
G
baseurl='cart2.php?add=';
函数setShoppingCartUrl(e){
document.getElementById('shoppingcart')。href=baseurl+e.value
}
函数setShoppingCartindexUrl()
如果(值<20){
警报(“”);
}
否则{
href=“cart2.php?添加=”
}
经过一些研究,我准确地找到了我需要的,所以在实现后的代码下面
<script>
function validateForm() {
var x = document.forms["myForm"]["size"].value;
if (x == null || x == "") {
alert("Querida cliente, favor selecionar o tamanho desejado antes de adicionar ao carrinho.");
return false;
}
else {
href="cart2.php?add=."
}}
</script>
<a id="shoppingcart" onclick="validateForm()" target="_self"><img src="images/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a>
函数validateForm(){
var x=document.forms[“myForm”][“size”].value;
如果(x==null | | x==“”){
警惕(“Querida客户,喜欢selecionar o tamanho desejado antes de adicionar ao carrinho。”);
返回false;
}
否则{
href=“cart2.php?添加=”
}}
为什么不将它们设为必填字段,让浏览器来完成工作?为什么PHP会回显静态字符串<代码>警报(“”)代码>不应该使用PHP.Hi Devlin,我看到客户不知道如何继续的情况。这对我们来说似乎很容易,但对一些用户来说却不那么明显。这就是我打算向他们发出警告信息的原因。非常感谢您的帮助。你好,Styphon,您说得对,我不知道如何显示此警报。我猜,当然这根本不起作用。我试过其他一些猜测,但也没有成功,但是的,你知道我在哪里需要帮助。您有任何代码建议吗?在您的输入中添加required
属性,您将强制用户编译它们。将自动显示一个小警告文本。基本但功能验证。如果希望验证中的高级控件<代码>输入< /代码>,请考虑通过JavaScript处理表单提交,然后将其发送到服务器。