如何用js控制表单input的数据

JavaScript010

如何用js控制表单input的数据,第1张

首先看你有没有使用第三方js库，例如jquery

在没有使用jquery等第三方库的情况下，首先要获得该元素，原生js可以使用document.getElementById(id)方法通过input元素的id来获得该元素对象，然后通过对象的value属性来控制input的数据，例如：

获取值

document.getElementById(id).value = ""

获取值

var value = document.getElementById(id).value

如果使用Jquery库就会很方便，使用Jquery选择器可以根据id，class，属性，标签名等查找元素获取元素对象，通过val()方法获取或设置input的值。

Jquery选择器的使用可以参考一下网址内容：

http://www.w3school.com.cn/jquery/jquery_selectors.asp

<script type="text/javascript">

    var button = document.getElementById('btn')

    var qqhm = document.getElementById('qqhm')

    //[1-9][0-9]{5,9}

    var regq = /^[1-9]\d{4,11}$/i

    button.onclick = function(){

        if (qqhm.value =="") {

            alert("QQ号码不能为空")

            return false

        }

        if (!regq.test(qqhm.value)) {

            alert("请输入正确的QQ号码")

            return false

        }

    }

    </script>

希望能帮到你~~~有问题继续追问！！！