Javascript 表单验证未执行且输入文本框高度光标定位未设置到顶部。

Question

我创建了一个简单的联系表单，我正在尝试使用 javascript 进行验证以确保填写所有字段，我有以下 html 代码。

        <form method="post" action="send.php" onSubmit="checkEmail()" >
        <table>
            <tr>
                <td><h1>Name: </h1></td>
                <td><input type="text" max="30" name="name" placeholder="What should I call you?"/></td>
            </tr>

            <tr>
                <td><h1>EMAIL: </h1></td>
                <td><input type="email" max="50" name="email" placeholder="email"/> </td>
            </tr> 

            <tr>
                <td valign="top"><h1>Message</h1></td>
                <td><input id="message" type="textbox" name="message" max="1000" align="texttop" placeholder="Whats up?" /></td>
            </tr>

            <tr><td></td><td><input type="submit" name="send" value="SEND" /></td></tr>
        </table>
        </form>

这是我的javascript

function checkEmail(){
if(form.email.value==" "){

    alert("Please enter a email");
}

但是，如果用户没有填写表单，表单不会提醒用户，而是简单地执行我为 action 属性键入的 php 文件。

我遇到的另一个问题是我给消息输入字段设置了 300px 的宽度，文本框确实变大了，但是文本框内的光标仍然在框的中间，当我键入输入时，它一直在继续并且不会掉落到框中的另一行。

Answer 1

这可能会有所帮助。有很多方法可以解决这个问题。但这是一种方式，我已经用了几十次了

首先确定您的表单:

<form action="send.php" id="myForm" name="myForm" method="post" enctype="multipart/form-data">

这里是表单代码

然后对您的发送按钮执行此操作

<div> <a onclick="document.getElementById('myForm').submit()"><span>Send</span></a> </div>

这应该让它将信息发布到您的服务器并在单击提交后处理后取回它