js,ajax验证编号是否存在,input只能输入数字,form表单验证

本文介绍了一个使用AJAX进行实时验证线路编号是否存在的示例,包括前端JavaScript代码和后端验证逻辑。此外,还展示了如何设置表单验证及限制输入框仅能输入数字的方法。

ajax验证编号是否存在

前台:

<input type="text"  id="add_lid"  onchange="checklid();"   />

<script language=javascript>

function checklid() {    
var lidVal = document.getElementById("add_lid").value;
//alert(usernameVal);
var url = "<%=path%>/defect/lineDefectAction!validlid";
$.post(url,{lid:lidVal},function(result){

if(result == 0){
alert('您输入的线路编号不存在,请重新输入!');
document.getElementById("lid").value="";
}
});
}

</script>

后台:

public void validlid() throws Exception{
    HttpServletRequest request= ServletActionContext.getRequest();
    request.setCharacterEncoding("utf-8");
    HttpServletResponse response = ServletActionContext.getResponse();
    response.setContentType("text/html;charset=utf-8");
    String flag;
    String lid = request.getParameter("lid");
    LineInfo info = lineInfoService.getLineInfo(lid);
    if(info.getName()==null||info.getName().equals(""))
    flag = "0";
    else flag = "1";
    try {
PrintWriter pw = response.getWriter();
pw.write(flag);
pw.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}


}

form表单验证

  <form action="Action!add" method="post"  onsubmit="return VaildlineDefectadd()">

 <input type="text"  id="add_lid"  onchange="checklid();"   />

</form>

<script language=javascript>

function VaildlineDefectadd() {    
var lidVal = document.getElementById("add_lid").value;
if(lidVal=="")
     {
     alert("不能为空!");
     return false;
  }


</script>


input只能输入数字

<script language=javascript>
function keyPress()
{

 //46是delete,8是backspace(退格键),37是左箭头,39是右箭头;方法的功能是除开前面的几个按键和数字,其他的按键都返回false,即按了不起作用
 if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    event.returnValue=false;
}
</script>

<input  onkeydown="keyPress();">

下面附上keycode对照表



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值