JavaScript没有验证响应

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript没有验证响应，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3912字，纯文字阅读大概需要6分钟。

内容图文

我是javascript的新手,我正在尝试创建一个简单的表单验证.当我点击提交按钮时没有任何反应.我已经看了一段时间的例子,我似乎无法弄清楚我哪里出错了.有什么建议：

在这篇文章之后,我将打破这一切并开始变小.但与此同时,我认为另一组眼睛不会受伤,而且我很可能做了一些可怕的错误.

HTML：

<form name="form" action="index.html" onsubmit="return construct();" method="post">
    <label>Your Name:<span class="req">*</span> </label>
    <input type="text" name="name"  /><br />
    <label>Company Name:<span class="req">*</span> </label>
    <input type="text" name="companyName" /><br />
    <label>Phone Number:</label> 
    <input type="text" name="phone" /><br />
    <label>Email Address:<span class="req">*</span></label> 
    <input type="text" name="email" /><br />
    <label>Best Time to be Contacted:</label> 
    <input type="text" name="TimeForContact" /><br />
    <label>Availability for Presenting:</label> 
    <input type="text"  name="aval" /><br />
    <label>Message:</label>
    <textarea name="message" ROWS="3" COLS="30"></textarea>
    <label>First Time Presenting for AGC?:<span class="req">*</span></label> 
    <input type="radio" name="firstTime" value="Yes" id="yes" /><span class="small">Yes</span>
    <input type="radio" name="firstTime" value="No" id="no"/><span class="small">No</span><br /><br />
    <input type="submit" name="submit" value="Sign-Up" />
</form> 

JavaScript的：

function construct() {
    var name = document.forms["form"]["name"].value;
    var companyName = document.forms["form"]["companyName"].value;
    var email = document.forms["forms"]["email"].value;
    var phone = document.forms["forms"]["phone"].value;
    var TimeForC = document.forms["forms"]["TimeForContact"].value;
    var availability = document.forms["forms"]["aval"].value;

    if (validateExistence(name) == false || validateExistence(companyName) == false)
        return false;
    if (radioCheck == false)
        return false;
    if (phoneValidate(phone) == false)
        return false;
    if (checkValidForOthers(TimeForC) == false || checkValidForOthers(availability) == false)
        return false;
    if (emailCheck(email) == false)
        return false;
}
function validateExistence(name) {
    if (name == null || name == ' ')
        alert("You must enter a " + name + " to submit! Thank you."); return false;
    if (name.length > 40)
        alert(name + " is too long for our form, please abbreviate."); return false;
}

function phoneValidate(phone) {
    if (phone.length > 12 || phone == "" || !isNaN(phone))
        alert("Please enter a valid phone number."); return false;
}

function checkValidForOthers(name) {
    if (name.length > 40)
        alert(name + " is too long for our form, please abbreviate."); return false;
}

function messageCheck(message) {
    var currentLength = name.length;
    var over = 0;
    over = currentLength - 200;

    if (name.length > 200)
        alert(name + " is too long for our form, please abbreviate. You are " + over + " characters over allowed amount"); return false;
}

function radioCheck() {
    if (document.getElementById("yes").checked == false || document.getElementById("no").checked == false)
        return false;
}

function emailCheck(email) {
    var atpos = email.indexOf("@");
    var dotpos = email.lastIndexOf(".");
    if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) {
        alert("Not a valid e-mail address");
        return false;
    }
}

我是否错误地调用了我的功能？老实说,我不确定我哪里出错了.
我不明白如何调试我的代码…我正在使用chrome,我没有在控制台中收到任何错误.有没有办法设置断点来逐步执行javascript？

我意识到我只是在那里扔了很多代码,所以提前感谢筛选它.

解决方法:

这是错误的：

替换var email = document.forms [“forms”] [“email”].value;

by var email = document.forms [“form”] [“email”].value;

你的js里有很多地方：

var email = document.forms [“forms”] [“email”].value;

var phone = document.forms [“forms”] [“phone”].value;

var TimeForC = document.forms [“forms”] [“TimeForContact”].value;

var availability = document.forms [“forms”] [“aval”].value;

你把表单错误输入的地方.

有没有办法设置断点来逐步执行javascript？

是的,有一种设置断点的方法：

请参阅以下链接,以了解在Chrome中调试器控制台中设置断点的方法：

LINK 1

LINK 2

内容总结

以上是互联网集市为您收集整理的JavaScript没有验证响应全部内容，希望文章能够帮你解决JavaScript没有验证响应所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端