使用javascript来获取HTML表单输入

时间:2014-11-07 07:37:11

标签: javascript html forms

我想使用javacript简单地查看特定的HTML表单(即单选按钮),找到用户的选择,然后以各种方式进行响应。

javascript是否可以读取用户输入或表单的选定响应?

1 个答案:

答案 0 :(得分:1)

是的,有很多方法可以做到这一点。

您可以在更改时检查用户输入。其中一个在下面。

 <input type="text" onchange="changed(this);"/>

此输入将使用自我的paremetre调用changed()函数。所以你可以控制它的价值并做一些事情。

function changed(input){
  alert(input.value)  // check for input value
  if(input.value.length > 54){ //do if value is longer than 54 characters
     //Do something
  }
}

您可以在互联网上找到很多方法。您可以尝试使用更容易的jQuery。

$("#myInput").change(function(){   //select the input box which id is 'myInput' then run function when its value changed each time
    alert("Wow, my value changed to:"+$(this).val())   //Get value with $(this).val() and alert!
});

您还可以使用$("input").change(function(){

将其绑定到所有输入字段

根据您的要求更改我的答案。

<form name="myForm">
   <!--Lots of divs here with input. You must hide these divs without touching form! -->
</form>

当你在最后一页时,你需要做的就是

function listUserValues(){
   var els=document.myForm.elements;
   var l=els.length;
   for (var i=0; i<l; i++)
   {
      alert('Field Name: '+els[i].name+'\nField Type: '+els[i].type+'\nField Value: '+els[i].value);
      //Do whatever you want with each value here.
   }
}