Question

我想在我的表单上创建提交按钮，以便当用户点击它时，它会出现一个警告框，告诉他们他们没有填写什么（这将通过JavaScript完成）我该如何去关于这个？

我想使用http://tympanus.net/Development/ModalWindowEffects/中的“翻转和缩放”作为自定义提醒框（然后会弹出用户未填写的内容）

此外，我想要它，以便检查用户是否以正确的格式输入了正确的电子邮件，并且他们已经放置了他们的名字（不应包含数字）

感谢。

Answer 1

<form id="myForm" method="post" action="/home"> // change the 'action' attribute to the link you want to post the form
    <input type="text" id="inputArea" onfocus="myFunc()">
    <span id="error" class="hide">Please enter a value</span>
    <button type="submit" id="myButton">Submit</button>
</form>

<script>
function myFunc(){
   var input = document.getElementById('inputArea');
   var button = document.getElementById('myButton');
   var span = document.getElementById('error');
   if(input.value == ''){
       span.className = errorMessage;
   } else if(input.value != ''){
        span.className = hide;
   }
}
</script>


    css:


.hide {display:none;}
.errorMessage {color:red;}

您甚至可以通过使用正则表达式来更具体地输入输入，但这是一个不同的故事！

如何制作自定义验证javascript表单？

1 个答案: