jQuery - 确保文本框为空

Question

我在小提琴上有以下项目：http://jsfiddle.net/TXQ9U/12/

现在我想写一个jquery脚本，通过它我的HTML元素：

First name: <input type="text" name="firstname"><br>

检查并在没有填写任何内容时显示错误。因此我写了以下jquery：

function validate()

var userName = //??

if (userName.length == 0)

alert("Please, enter your name");

else
    alert ("Thanks");

)
)

我只是不确定我要填写的用户名是什么。有人建议吗？

Answer 1

您可以使用attribute equal selector和val()来获取指定名称的输入值：

var userName = $('input[name="firstname"]').val();

Answer 2

First name: <input type="text" name="firstname" id="fname"><br>

你可以通过java脚本添加“id”来实现这一点，

var userName=document.getElementById("fname")

使用jquery更简单，

var userName = $('#fname').val()

希望它有所帮助!!