网上的一段教程代码,不晓得它的流程
<!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">
名字: <input type="text" name="fname">
<input type="submit" value="提交"> //点击提交后 ,首先判断是否空值,执行的是validateForm()中的 if (x == null || x == "") {语句,那么输入正确是执行的哪部分呢,哪句代码主管这个东东
</form>
</body>
</html> 1.先执行onsubmit事件,仔细看,return validateForm() 这个是返回执行结果是否成功,成功的话会继续执行,否则,就不执行了
2.再看form中的 action="demo_form.php",这个是提交表单的地址,如果第一步返回了成功,那么,就会向该action提交表单数据。 zjz894251se 发表于 2020-1-8 10:26
1.先执行onsubmit事件,仔细看,return validateForm() 这个是返回执行结果是否成功,成功的话会继续执行, ...
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}
这个函数是默认返回TRUE吗没看到相关代码啊 本帖最后由 wp231957 于 2020-1-8 10:33 编辑
zjz894251se 发表于 2020-1-8 10:26
1.先执行onsubmit事件,仔细看,return validateForm() 这个是返回执行结果是否成功,成功的话会继续执行, ...
是不是可以这样理解:
<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
这里的onsubmit 并不是必填项目,但是如果有就优先执行它??
还有这里的method="post" 和 get 有神马区别吗?? 默认是什么都没返回,这里面其实做了兼容的,false是中断标记,什么都不返回说明无异常,顺序执行。做前端的东西,兼容很重要,null,undefined,false,这3个含义大不一样,仔细品一下。 wp231957 发表于 2020-1-8 10:32
是不是可以这样理解:
这里的onsubmit 并不是必填项目,但是如果有就优先执行它??
对,不是必填,又事件监听会优先执行监听。post和get是http协议的两种提交方法,这个百度即可 zjz894251se 发表于 2020-1-8 10:37
对,不是必填,又事件监听会优先执行监听。post和get是http协议的两种提交方法,这个百度即可
好的,多谢
页:
[1]