JavaScript Form Validation 示例

最新推荐文章于 2020-06-05 14:23:26 发布

转载最新推荐文章于 2020-06-05 14:23:26 发布 · 879 阅读

文章标签：

#javascript

Javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在HTML表单中使用onsubmit属性结合JavaScript函数实现基本的表单验证，确保用户输入的数据符合预设规则，提升用户体验。

使用onsubmit：

HTML:

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

Javascript:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

转载自：

http://www.w3schools.com/js/js_form_validation.asp