Question

嘿伙计们，我正在为我的大学工作一个联系表格，我想验证联系表格，但它似乎没有工作！任何人都可以帮助我！

这是我的代码：

<script type="text/javascript" language="javascript"> 
    function validateMyForm ( ) { 
    var isValid = true;
    var name = document.getElementsByName("Name");
    var email = document.getElementsByName("Email");
    var phone = document.getElementsByName("Phone");
    if ( name == "" ) { 
        alert ( "Please enter your Name" ); 
        isValid = false;
    } else if ( email == "" ) { 
            alert ( "Please enter your Email ID" ); 
            isValid = false;
    } else if ( phone == "" ) { 
            alert ( "Please enter your Phone Number" ); 
            isValid = false;
    }   
    return isValid;
}
</script>

身体部位：

<h3>Contact form:</h3>
<form id="contact-form" method="post">
<fieldset>
<label class="name">
<font color='black'><b><span>Name:</span></b></font><input type="text" id="Name" name="Name"></label>
<label class="email">
<font color='black'><b><span>Email ID:</span></b></font><input type="email" id="Email" name="Email"></label>
<label class="phone"><font color='black'><b><span>Phone:</span></b></font><input type="text" id="Phone" name="Phone"></label>
<label class="message">
<font color='black'><b><span>Queries:</span></b></font><textarea></textarea></label><br><br>
<div class="btns">
<button id="submit" name="submit" onclick="javascript:return validateMyForm();">Send</button> &nbsp 
<button onClick="document.getElementById('contact-form').reset()">Clear</button>
</div>
</fieldset>
</form>

Answer 1

var name = document.getElementsByName("Name");

获取名称为“name”的元素列表。

var name = document.getElementsByName("Name")[0].value;

获取名称为“name”的第一个元素，然后获取值。你应该改变它们中的所有3个。

如果你想用id而不是名字，你可以使用：

var name = document.getElementById("Name").value;

如果你希望它按名称输入，而不是页面中的第一个，而不是表格中的第一个，请使用：

var name = document.getElementById('contact-form').getElementsByName("Name")[0].value;

使用javascript验证联系表单

1 个答案: