js关于表单提交

return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。

表单中加上onsubmit="return false;"可以阻止表单提交。

<form action="index.jsp" method="post" onsubmit="submitTest();">表单一定会提交,若不想让表单提交,则改成

<form action="index.jsp" method="post" onsubmit="return submitTest();">

onsubmit属性就像是<form>这个html对象的一个方法名其值(一字符串)就是其方法体默认返回true;方法体中可以用this这个关键词,这里即代表了<form>的对象实例。

Form.prototype.onsubmit = function() {

    submitTest();

};

Form.prototype.onsubmit = function() {

    return submitTest();

};

的区别。

form的onsubmit属性的触发问题,onsubmit 事件什么时候触发?onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下: 

A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发,否则不会触发。如果是用一个普通input:button,则在onclick属性中指定一个javascript函数,在这个函数里面再执行form的submit()函数,而不是onsubmit属性。

事件处理函数返回false的问题,在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.

例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. Return False 就相当于终止符,Return True 就相当于执行符。

return false应用比较多的场合有:

1, <a href="/" mce_href="/" onclick='test();return false;'>超级链接 </a>

2, <input type="button" onclick='test()' value="提交">

3, <form name="form1" onsubmIT="return test();"> 内容 <input type="submIT" value="提交"> </form>
     <input type="submit" onclick="submitAction(); return false;" />

原文地址:https://www.cnblogs.com/dobestself-994395/p/4369662.html