javascript 脚本控制 jsp表单提交,该如何解决-Java教程-爱易网页

javascript 脚本控制 jsp表单提交,该如何解决

日期：2014-05-17　浏览次数：20738 次

javascript 脚本控制 jsp表单提交
javascript 脚本控制 jsp表单提交！如果为空，就提示不能为空！还有就是判断输入的日期是"yyyy-MM-dd"格式的！
例如：2011-12-30

求完整代码！完整的！

------解决方案--------------------

HTML code


<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script language="javascript">
function sbmt(){
    if(fm.user.value==""){
        alert("用户名不能为空！");
        fm.user.focus();
        return false;
    } 
    else if(fm.pswd.value==""){
        alert("密码不能为空！");
        fm.pswd.focus();
        return false;
    } 
    else if(fm.checkcode.value==""){
        alert("验证码不能为空！");
        fm.checkcode.focus();
        return false;
    }
    fm.submit();
}

function checkDate(){
    var dat=fm.date.value;
    var patrn=/^[0-9]{1,20}$/;
    if(dat.length>0 || patrn.exec(dat)){
        var m=dat.split("-"); 
        if( (m[0].length!=4) || (m[1].length!=2) || (m[2].length!=2) || isNaN(m[0]) || isNaN(m[1]) || isNaN(m[2]) || (m[1]>12) || (m[2]>31)){ 
            alert("请按照 YYYY-MM-DD 格式输入日期！");
            fm.date.value="";
            fm.date.focus();
            return false; 
        } 
    }
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <form id="fm" name="fm" method="post" action="test.jsp">
    <tr>
      <td width="24%" align="right">用户名：</td>
      <td width="76%"><label>
        <input type="text" name="user" />
        </label>
      </td>
    </tr>
    <tr>
      <td align="right">密码：</td>
      <td><input type="text" name="pswd" /></td>
    </tr>
    <tr>
      <td align="right">验证码：</td>
      <td><input type="text" name="checkcode" /></td>
    </tr>
    <tr>
      <td align="right">日期：</td>
      <td><input type="text" name="date" onblur="checkDate()" /></td>
    </tr>
    <tr>
      <td align="right">&nbsp;</td>
      <td><label>
        <input type="button" name="Submit" value="提交" onclick="return sbmt()" />
        </label></td>
    </tr>
  </form>
</table>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript 脚本控制 jsp表单提交,该如何解决

相关资料更多>

推荐阅读更多>