关于表单验证

关于表单验证

判断输入值是否为空:

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

重置提交函数

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