关于表单验证

 

判断输入值是否为空：

1. <form action="http://v.juhe.cn/weather/index">
2. <label>输入要查询的城市名称：<input type="text" name="cityname" id="cityname" placeholder="北京"></label>
3. <button type="button" id="show">查询</button>
4. </form>
6. <script>
7. //判断输入的城市名是否为空
8. if($("#cityname").val().trim() == ""){ //trim()方法删除前置及后缀的所有空格
9. alert("城市名称不能为空!");
10. $("#cityname").val("");　　//将文本域的值设置为空
11. $("#cityname").select(); 　　//select() 方法用于选取文本域中的内容。
12. $("#cityname").focus();　　//输入框获得焦点
13. return;
14. }
15. </script>

 

重置提交函数

1. $("form").submit(function(e){
2. 　　e.preventDefault();    //使用 preventDefault() 函数来阻止对表单的提交
3. 　　alert("Submit prevented");
4. });