文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么我的表单验证不能正常工作？

问为什么我的表单验证不能正常工作？
EN

Stack Overflow用户

提问于 2017-04-21 01:11:05

回答 1查看 28关注 0票数 0

我为项目创建了一个表单，我必须设置一个验证规则，这样如果没有为名称输入任何内容，那么就会出现一个警告，告诉用户“名称必须填写”--我知道这可能是一个愚蠢的新手错误，但我不太确定为什么它不起作用，因为我对javascript并不熟悉。

我还没有把CSS作为不必要的。我也不会把这些信息发布到任何东西上。

<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
		</script>
 </head>

 <body>
 <div class="form_settings">
          <form name="MyForm"  onSubmit="return validateForm()" 
 method="post">
            <p><span>Name</span><input class="contact" type="text" 
  name="fname" value="" /></p>
            <p><span>Email Address</span><input class="contact" type="text" 
  name="your_email" value="" /></p>
            <p><span>Re type Email Address</span><input class="contact" 
 type="text" name="your_email" value="" /></p>
            <p><span>Message</span><textarea class="contact textarea" 
 rows="8" cols="50" name="your_enquiry"></textarea></p>
            <p style="padding-top: 15px"><span>&nbsp;</span><input 
class="submit" type="submit" name="contact_submitted" value="Submit" /></p>
          </form>

 </body>

html

forms

validation

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-21 01:28:14

试试这个：

function validateForm() {
    var x = document.getElementsByClassName("contact")[0].value;
    if (x == "") {
        alert("Name must be filled out");
    }

    return false;
}

<form name="MyForm" onsubmit="validateForm();">
        <p><span>Name</span>
            <input class="contact" type="text" name="fname" value="" />
        </p>
        <p><span>Name</span><input class="contact" type="text" name="fname" value="" /></p>
        <p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p>

        <p><span>Re type Email Address</span><input class="contact" type="text" name="your_email" value="" /></p>

        <p><span>Message</span><textarea class="contact textarea" rows="8" cols="50" name="your_enquiry"></textarea></p>

        <p style="padding-top: 15px"><span>&nbsp;</span>
            <input class="submit" type="submit" value="submit" />
        </p>
    </form>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43532287

复制

相似问题

问为什么我的表单验证不能正常工作？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的表单验证不能正常工作？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的表单验证不能正常工作？
EN