JavaScript 表单验证

frankxu

JavaScript 表单验证

HTML 表单验证可以通过 JavaScript 来完成。

以下实例代码用于判断表单字段(fname)值是否存在，如果存在，则弹出信息，否则阻止表单提交：

JavaScript 实例

1. function validateForm() {
   
2.     var x = document.forms["myForm"]["fname"].value;
   
3.     if (x == null || x == "") {
   
4.         alert("需要输入名字。");
   
5.         return false;
   
6.     }
   
7. }

复制代码

以上 JavaScript 代码可以通过 HTML 代码来调用：

1. <form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post">
   
2. 名字: <input type="text" name="fname">
   
3. <input type="submit" value="提交">
   
4. </form>

复制代码