[英]jQuery form validation alert
我的表單中有這個jQuery驗證控件。 工作正常:
$("#webform-client-form-45").submit(function(){
if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname"){
return false;
}else if($("#edit-submitted-telephone").val() == "" || $("#edit-submitted-telephone").val() == "Telephone"){
return false;
}else if($("#edit-submitted-e-posta").val() == "" || $("#edit-submitted-e-posta").val() == "E-MAIL"){
return false;
}else{ if($("#edit-submitted-messages").text() == "" || $("#edit-submitted-messages").text() == "Message"){
return false;
}else
return true;
}
});
但是,當用戶將該字段留空或在此字段中寫錯時,我想顯示一個警報。 例如,“請輸入電子郵件地址”
我怎樣才能做到這一點?
使用警報框:
if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname")
{
alert("Please input your name");
return false;
}
使用div:
// html
<input type = "text" name = "edit-submitted-name-surname" id = "edit-submitted-name-surname" />
<div class = "error" id = "name_error">Please input your name</div>
// css
.error{ display: none; color: red;}
// jquery
Put this at the top of the function: $('.error').hide();
if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname")
{
$('#name_error').show();
return false;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.