首页 > 解决方案 > 如何获取单选按钮的 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>

这是我正在创建的评论部分的代码的一部分。我已经完成了对名称和文本区域的验证,但我找不到一种方法来获得一条警告消息,上面写着“亲爱的(名字)。我们感谢您的反馈。您已将我们的网站评为(相关单选按钮名称)并且您的评论是(评论区域的评论)“。有人可以告诉我如何显示此警报消息。

(无需验证电子邮件)

标签: javascripthtml

解决方案


<input type="email" id="email" name="email" placeholder="Your e-mail..">

有一个input type='email',如果提交,将检查这是否是一个有效的电子邮件。

在此处查看文档


推荐阅读