Form表单的action和onSubmit示例介绍_HTML/Xhtml_网页制作
程序员文章站
2022-03-28 15:08:01
...
第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过提交时进行一个函数验证。。
第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回false时,则无法到达action="url"地址。如果是返回true或者没有返回值是,则通过且转向url地址。
function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText =="false"){
return false;
}
else {
return true;}
}
onSubmit="return Fun();" 这里的return是一定要写的,不写?不写你可以试试!!!
总之:onSubmit是进行验证,action是跳转后的链接地址。
第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回false时,则无法到达action="url"地址。如果是返回true或者没有返回值是,则通过且转向url地址。
复制代码
代码如下:function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText =="false"){
return false;
}
else {
return true;}
}
复制代码
代码如下:onSubmit="return Fun();" 这里的return是一定要写的,不写?不写你可以试试!!!
总之:onSubmit是进行验证,action是跳转后的链接地址。
上一篇: vue项目中的样式污染
下一篇: vue-cli 打包之后图片引用路径问题
推荐阅读
-
添加和删除HTML节点的简单示例_HTML/Xhtml_网页制作
-
添加和删除HTML节点的简单示例_HTML/Xhtml_网页制作
-
HTML中data自定义属性的使用和插件应用介绍_HTML/Xhtml_网页制作
-
a标签href属性和onclick事件的比较介绍_HTML/Xhtml_网页制作
-
5个酷炫、实用的HTML标签和属性介绍_HTML/Xhtml_网页制作
-
html中br和br/的区别介绍_HTML/Xhtml_网页制作
-
form上传文件后提示保存action的原因及解决方法_HTML/Xhtml_网页制作
-
a标签href属性和onclick事件的比较介绍_HTML/Xhtml_网页制作
-
html form表单提交action和url跳转到actiond的区别介绍_HTML/Xhtml_网页制作
-
HTML的表单form以及form内部标签的使用_HTML/Xhtml_网页制作