如何使用JavaScript进行表单验证？_Javascript_Html

如何使用JavaScript进行表单验证？

javascript html

如何使用JavaScript进行表单验证？,javascript,html,Javascript,Html,我试图创建一个表单，在进入我的数据库之前检查JavaScript验证。基本上，如果用户没有键入任何内容，则会出现警报，但是在浏览器中查看时，当我没有在任何文本框中放置任何文本并点击提交时，不会出现警报，没什么，如果你能帮我的话我会很感激的 HTML 您已经为每个输入指定了值，例如value=“？=$contact['eventTitle']？>” 如果删除，您将收到警报。我在代码中发现的唯一错误是，在定义eventTitle的行中，问号前缺少一个小符号修复输入错误，尝试清除浏览器缓存，然后尝试

我试图创建一个表单，在进入我的数据库之前检查JavaScript验证。基本上，如果用户没有键入任何内容，则会出现警报，但是在浏览器中查看时，当我没有在任何文本框中放置任何文本并点击提交时，不会出现警报，没什么，如果你能帮我的话我会很感激的

HTML

您已经为每个输入指定了值，例如

value=“？=$contact['eventTitle']？>”

如果删除，您将收到警报。

我在代码中发现的唯一错误是，在定义eventTitle的行中，问号前缺少一个小符号修复输入错误，尝试清除浏览器缓存，然后尝试按F12键访问调试信息，以更好地了解出现的问题

<body>
<form action="update.php?eventID=<?=$contact['eventID']?>" name="myForm"  onsubmit="return validate()" method="post">

    <label for="eventTitle">Event Title</label>
    <input type="text" name="eventTitle" value="?=$contact['eventTitle']?>" id="eventTitle">

    <label for="eventDescription">Event Description</label>
    <input type="text" name="eventDescription" value="<?=$contact['eventDescription']?>" id="eventDescription">

    <label for="eventStartDate">Event Start Date</label>
    <input type="text" name="eventStartDate" value="<?=$contact['eventStartDate']?>" id="eventStartDate">

    <label for="eventEndDate">Event End Date</label>
    <input type="text" name="eventEndDate" value="<?=$contact['eventEndDate']?>" id="eventEndDate">

    <label for="eventPrice">Event Price</label>
    <input type="text" name="eventPrice" value="<?=$contact['eventPrice']?>" id="eventPrice">

    <input type="submit" value="Update">

</form> 

<script src="update.js"></script>
</body>

function validate() {
     if( document.myForm.eventTitle.value == "" ) {
           alert( "Please enter a Event Title" );
            document.myForm.eventTitle.focus() ;
            return false; 
         }

         if( document.myForm.eventDescription.value == "" ) {
            alert( "Please enter a event Description!" );
            document.myForm.eventDescription.focus() ;
            return false;
         }
          if( document.myForm.eventStartDate.value == "" ) {
            alert( "Please enter a event Start Date!" );
            document.myForm.eventStartDate.focus() ;
             return false;
        }
          if( document.myForm.eventEndDate.value == "" ) {
            alert( "Please enter a event End Date!" );
            document.myForm.eventEndDate.focus() ;
            return false;
        }

         if( document.myForm.eventPrice.value == "" ) {
            alert( "Please enter a event End Date!" );
            document.myForm.eventPrice.focus() ;
           return false;

         }
          return( true );
     }