使用javascript在提交时为表单预写文本
Prepend text to form on submission with javascript
我想在提交时将"https://"添加到表单中,而不会出现在文本提交框中。到目前为止,我有一个脚本:
<script>
function formSubmit(){
var x=document.getElementById(“formname”);
for (var i=0;i<x.length;i++){
if(x.elements.item(i).id == 'q' && x.elements.item(i).value != "" )
x.elements.q.value='https://'+x.elements.item(i).value;
document.getElementById("formname").submit();
}
</script>
形式:
<form name="formname" method="GET" action="http://google.com/search" onsubmit="return (this.q.value == '') ? false : true; >
<input type="text" name="q" size="32" maxlength="256" value="" />
<input type="submit" name="btnG" value="Search" />
但我想不通。有人看到我做错了什么吗?
您肯定不想在函数中再次尝试提交表单;在它完成调用后,只要你不return false
,它就会继续提交。
你的功能应该只是:
function formSubmit(){
var e=document.forms.formname.q;
if(e.value){
e.value='https://'+e.value;
} return true;
}
以及表单的onsubmit
属性。。。
<form onsubmit="return this.q.value != '' && formSubmit()">
相关文章:
- 表单文本框未自动更新
- 使用 javascript 表单文本框内容
- 使用javascript手动更改表单/文本区域输入,并确保所有事件侦听器都已启动
- 按钮更改由按钮id输入的表单文本区域
- 使用jQuery用data-*数据填充表单文本输入
- Javascript - 当用户输入内容时更改表单文本框的边框颜色
- 填写表单文本框,其中包含数据库表中的数据(如果用户存在)
- 将表单文本框和按钮放在每个单选按钮的前面
- 如何在表单文本框中启用退格工作
- 将文本从表单文本发送到电子邮件
- 为什么我的表单文本框会自动填充以前的文本框值
- WordPress联系人表单7文本框未在Chrome中显示
- Chrome扩展-点击清除表单文本
- 根据表单选择值禁用和启用表单文本输入.
- 表单文本框未标识为对象
- 是否可以在JavaScript中输入表单文本时验证多个值
- 基于同一表单中下拉菜单的值启用HTML表单文本框
- JavaScript-将表单文本存储在本地存储中
- 我们如何通过表单文本输入通过ajax发送json编码的数据
- 获取jQuery表单-文本值的id