html+JS 输入文本框，获取文本框内容且输出

html-css012

html+JS 输入文本框，获取文本框内容且输出,第1张

获取文本框中的内容有以下两种方法：

假设为如下文本框：

<input type="text" value="" id="text">

1、原生JS获取文本框的值：

document.getElementById("text").value  //text为文本框的id

2、jquery获取文本框的值：

$("#text").val()

可以通过js获取表单input 的值，给值做判断，是否为空，html中form表单的制onsubmit属性。

html中插入<form>如下：

<form action="" method="post"  name="form" onsubmit="return check()">

js代码判断如下：：

function check(){

var name = document.getElementById("name")

if(name == ""){

    alert("姓名不能为空！")

    return false

}

}