Javaweb学习12.4

今天练习了js验证表单元素

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">      这里掉用js函数然后进行验证
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html>

posted @ 2020-12-04 14:38  10304  阅读(37)  评论(0编辑  收藏  举报