2013-04-05 38 views
1

这里是形式应该如何执行:试图自动提交表单文本输入后

<script> 
    $(document).ready(function(){ 

    $("#submit").click(function(){ 

     //access token stuff 
     var token = $("#link_input").val(); ... etc</script> 

我想在超过10个字符后自动提交此信息。通常情况下,您在输入字段中填写文本区域,然后单击提交。在点击提交按钮后,JS验证输入框中的文本,如果它有效,则执行。如何自动提交输入框中的文本而无需点击提交按钮?

<script language="JavaScript" type="text/JavaScript"> 
var x=10;//nr characters 
function submitT(t,f){ 
if(t.value.length==x){ 
f.submit() 
} 
} 
</script> 


        <input id="link_input" onkeyup="submitT(this,this.form)" autofocus="true" autocomplete="off" placeholder="http://www.facebook.com/connect/login_success.html#access_token=AAAZDCiOS6Ls0BAMUKJDvLZCTgZDZD" style="width: 600px;margin-left: -11%;" value="" name="url"> 

        <br/> 



<div id="Wait" style="display:none;"><center>Processing your form<br><img src="http://i.imgur.com/kKqSe.gif"></center></div> 

        <br/> 


        <center> 
        <a href="javascript:void(0)" id="submit" onkeyup="submitT(this,this.form)" autofocus="true"><img src="http://i.imgur.com/eA6fv.png" style="border:0px;padding-top:5px;"></a> 
+0

'this.form'是false..get用'的document.getElementById( 'yourFormId')' – bitWorking 2013-04-05 16:26:44

回答

1

将您的btn从提交到btnSubmit重命名。

提交的ID是要惹f.submit()

2
$('#link_input').on('keyup', function() { 
    if($(this).val().length > 10) { 
     $('form').submit(); 
    } 
}); 
+0

我该怎么改变和替代形式? – computerquotes 2013-04-05 16:38:37

+0

@computerquotes很好,我的建议是删除所有你当前的混乱,创建一个完整的结构化的形式。在表单中,如果输入了超过10个字符的id为'link_input',则输入要提交表单的输入。 – Eli 2013-04-05 16:41:51

1

只是测试对KEYUP相似,你有什么了。

<form action='someplace' id='myform' method='post'> 
    <input type='text' id='link_input' ...other stuff /> 
</form> 

的jQuery:

$('#link_input').on('keyup',function(){ 
    var val = $(this).val(); 
    var len = val.length; 

    if(len == 10){ 
    $('#myform').submit(); 
    } 
}); 
+0

我假设'someplace'表示你的意思是一个php文件。脚本应该是客户端 – computerquotes 2013-04-05 16:46:29

+0

@computerquotes'someplace'是您想要发送信息的地方。通常人们会提交表单以将信息发送到后端脚本,例如php或任何语言。你是否试图将此提交给JavaScript? – James 2013-04-05 16:59:59

+0

是的。包含在输入字段中的信息应该被客户端处理 – computerquotes 2013-04-05 17:04:52