博客

form表单提交的几种方法

方法一：利用form的onsubmit()函数

</pre><pre code_snippet_id="1952561" snippet_file_name="blog_20161027_1_4846833" name="code" class="html">Html代码  
<span style="font-size:24px;"><script type="text/javascript">  
    function validateForm(){  
    if(document.reply.title.value == ""){ //通过form名来获取form  
        alert("please input the title!");  
        document.reply.title.focus();  
        return false;  
    }     
    if(document.forms[0].cont.value == ""){ //通过forms数组获取form  
        alert("please input the content!");  
        document.reply.cont.focus();  
        return false;  
    }  
    return true;  
  }  
<form name="reply"  method="post" οnsubmit="return validateForm( );">  
        <input type="text" name="title"  size="80" /><br />  
        <textarea name="cont" cols="80" rows="12"></textarea><br />  
        <input type="submit" value="提交" >  
</form>  
注意：  
1.onsubmit属性内容一定要有return关键字，否则函数会直接执行，不会返回  
2.validateForm一定要返回一个boolean类型的返回值  
3.提交按钮要写成submit类型的  </span></span>

第一种的第二种

</pre><pre code_snippet_id="1952561" snippet_file_name="blog_20161027_1_4846833" name="code" class="html"><form id="qwe" method="post" name="myform"   action="user">
<span style="white-space:pre">			</span><h2>登录</h2><p class="tyg-p">欢迎访问  客户关系管理系统</p>
<span style="white-space:pre">			</span><div style="margin:5px 0px;">
<span style="white-space:pre">				</span><input id="inname" type="text" placeholder="请输入账号..."/>