Question

我有一个简单的文件格式。输入10个字符后如何让它自动提交我不想使用“提交”按钮。

Answer 1

＆lt; form＆gt; javascript中的元素有一个submit（）函数。

以下是不使用jQuery的示例：

HTML

<form id="myform" action="" method="post">
  <input type="text" id="mytext" name="mytext" value="" placeholder="type here!" />
</form>

JS（没有jquery）https://jsfiddle.net/m9deaxk5/

var text = document.getElementById("mytext");
var form = document.getElementById("myform");
text.onkeyup = function() {
    if( text.value.length == 10 ) {
        form.submit();
  }
}

JS（使用jQuery）https://jsfiddle.net/m9deaxk5/2/

var text = $("#mytext");
var form = $("#myform");
text.bind("change keyup", function() {
    if( $(this).val().length == 10 )
        $("#myform").submit();
});

Answer 2

您可以尝试以下操作。只需将“.input-field”更改为目标字段名称，类或ID，并将“form”更改为目标表单名称，类或ID。

$('.input-field').change(function() {
    var value = $('.input-field').val();
    if(value.length >= 10) {
        $('form').submit();
    }
});

希望这有帮助。

如何在输入文本字段中输入10个字符时自动提交表单

2 个答案: