我们知道,浏览器在遇到<img src=myimag.jpg>这样的标签的时候会向服务器发起gei请求,请求获取该照片。
1.
我们还知道,浏览器的form表单可以向服务器发起post请求,请求行是action的值表示的地址
# <form action="www.xxxx.com">
#<input type="text">#
#<input type="password" id="pwd">#
#<input type="submit" value="点击提交">#
#</form>#
2.
下面的例子,actIon后面的地址,写的是javascript,但是冒号后面又为空,也就是说这一步没有提交,而是另有js脚本控制。
<form action="javascript:;" id="form">
这个时候往往是因为需要给传输的密码加密
<input = "submit" value="点击提交" onclick="httpPost()">
然后在js脚本中,定义这个函数
<script>
function httpPost(url){
var form = getElementById("form")
form.action = "www.xxxx.com"
修改Input的函数
form.submit()
return form
}
--> --></script>
3
上面的方法,打乱了正常的表单提交程序,通常用户输入完成后点击回车键就可以提交,但是这个方法实现不了,
所以,可以通过form自身的onsubmit方法,来触发提交,然后进行input的修改:
<form action="www.xxxx.com" id="form" onsubmit="return js_do_submit()">
function js_do_submit(){
var form = getElementById("form")
修改相关input参数
return true
}
return true时,表单才会正常提交,为false时,浏览器将不会提交
form 标签的onsubmit调用的加密函数举例:
function js_do_submit(){
var pwd= document.getElementById('pwd');
pwd.value= toMD5(pwd.value);
//进行下一步return true;
}