javascript - 如何获取单选按钮的 Javascript 警报?
问题描述
<div class="comment">
<form name="myform" onsubmit="return validateform()">
<label for="fname">Full Name</label>
<input type="text" id="fname" name="fullname" placeholder="Your name..">
<label for="email">E-mail</label>
<input type="text" id="email" name="email" placeholder="Your e-mail..">
Rate us<br>
<input type="radio" id="radio1" name="rate">
<label for="radio1">Poor</label>
<input type="radio" id="radio2" name="rate">
<label for="radio2">Good</label>
<input type="radio" id="radio3" name="rate">
<label for="radio3">Excelent</label>
<br>
<label for="subject">Comments</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
<script type="text/javascript">
function validateform(){
var name=document.forms["myform"]["fname"].value;
var poor = document.getElementById("radio1").checked;
var good = document.getElementById("radio2").checked;
var excelent = document.getElementById("radio3").checked;
var text = document.forms["myform"]["subject"].value;
if (name == "" || name==null || !name.match(/^[a-zA-Z]+$/)) {
alert("Please enter name");
return false;
}
if (text == "" || text==null || !text.match(/^[a-zA-Z]+$/)) {
alert("Please enter valid text");
return false;
}
else if (poor==true) {
alert(" Dear " + name + " , We appriciate your feedback. You have rated our site as POOR and your comment was " + text);
return false;
}
else if (good==true) {
alert(" Dear " + name + " , We appriciate your feedback. You have rated our site as GOOD and your comment was " + text);
return false;
}
else if (excelent==true) {
alert(" Dear " + name + " , We appriciate your feedback. You have rated our site as EXCELENT and your comment was " + text);
return false;
}
}
</script>
这是我正在创建的评论部分的代码的一部分。我已经完成了对名称和文本区域的验证,但我找不到一种方法来获得一条警告消息,上面写着“亲爱的(名字)。我们感谢您的反馈。您已将我们的网站评为(相关单选按钮名称)并且您的评论是(评论区域的评论)“。有人可以告诉我如何显示此警报消息。
(无需验证电子邮件)
解决方案
<input type="email" id="email" name="email" placeholder="Your e-mail..">
有一个input type='email'
,如果提交,将检查这是否是一个有效的电子邮件。
在此处查看文档
推荐阅读
- c# - 在创建对象时使用 null 初始化变量的正确方法?
- reactjs - useMemo 中的回调是否接收任何参数?
- laravel - Pusher auth 端点以 html 响应,如何解决这个问题?
- python - 在while循环中添加约束
- excel - 使用 workbooks.open 打开工作簿后如何获取工作簿名称?
- java - 如何修复使用 group by 解析 JPQL 的语法错误
- command-line - 遍历所有可用新闻文章后的回溯
- jquery - 使用 jQuery 仅按名称搜索和过滤
- javascript - 使用带有 ref 的动态 onClick
- c# - 发布请求执行级别为“requireAdministrator”的 wpf 项目