首页 > 代码库 > 利用JS实现表单的自动提交

利用JS实现表单的自动提交

        今天需要将一个chat整合到客户的网站上去,实现网站的注册用户登录本网站之后点击某个链接能够直接登录到chat上去。我保留了chat原有的登录界面,采用JS技术当页面跳转过来的时候自动填充表单,并自动提交表单,从而实现网站用户无需再次登录即可进入chat。具体代码实现如下

JS代码

<script> 
//取得cookie值 
function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); 
    if(arr=document.cookie.match(reg)){
        return unescape(arr[2]); 
    }else{
        return null; 
    } 
} 

//表单自动提交函数
function tijiao(){ 
     function sub(){ 
     var a = document.loginForm.elements; //取得表单下所有元素
     a[2].value = http://www.mamicode.com/getCookie('username'); >

HTML代码

<form id="loginForm" name="loginForm" action="[LOGIN_URL/]" method="post" enctype="application/x-www-form-urlencoded">
    <div id="loginFormContainer" style="margin:0px;padding-bottom: 10px;">
        <input type="hidden" name="login" id="loginField" value=http://www.mamicode.com/"login"/>>

PS:
1. 要在body中加入onload="tijiao();"
2. 另外表单的提交按钮(submit)需要隐去,不然会和js的submit()方法冲突,这里采用button提交,避免在自动登录失败时没有提交按钮