判断输入值是否为空:
- <form action="http://v.juhe.cn/weather/index">
- <label>输入要查询的城市名称:<input type="text" name="cityname" id="cityname" placeholder="北京"></label>
- <button type="button" id="show">查询</button>
- </form>
- <script>
- //判断输入的城市名是否为空
- if($("#cityname").val().trim() == ""){ //trim()方法删除前置及后缀的所有空格
- alert("城市名称不能为空!");
- $("#cityname").val(""); //将文本域的值设置为空
- $("#cityname").select(); //select() 方法用于选取文本域中的内容。
- $("#cityname").focus(); //输入框获得焦点
- return;
- }
- </script>
重置提交函数
- $("form").submit(function(e){
- e.preventDefault(); //使用 preventDefault() 函数来阻止对表单的提交
- alert("Submit prevented");
- });