例:textbox里面,要求做两个textbox名字为(A,B),其中两个的数字大小范围是-10~10之间,之后其中A的值必须大于B所填的数字,如果输入错误,则提示出弹出框,并清空数据。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>textbox&numberbox</title>
<link rel="stylesheet" href="../EasyUI/themes/default/easyui.css">
<link rel="stylesheet" href="../EasyUI/themes/icon.css">
<script src="../EasyUI/jquery.min.js"></script>
<script src="../EasyUI/jquery.easyui.min.js"></script>
</head>
<body>
<!--textbox的校验-->
<input type="text" id="A"><br>
<input type="text" id="B"/>
<script type="text/javascript">
$(function () {
$("#A").textbox({
onChange:function(newValue){
if(newValue<-10||newValue>10){
$.messager.alert('警报','请输入-10~10之间的数');
$("#A").textbox('clear')
}else if(newValue==""||$("#B").textbox('getValue')==""){
}else {
var a=$("#A").textbox('getValue');
var b=$("#B").textbox('getValue');
if(a>b){
}else {
$.message.alert('警报','输入的第一个数必须大于第二个数');
$("#A").textbox('clear')
}
}
}
});
$("#B").textbox({
onChange:function(newValue){
if(newValue<-10||newValue>10){
$.messager.alert('警报','请输入-10~10之间的数');
$("#B").textbox('clear')
}else if(newValue==""||$("#A").textbox('getValue')==""){
}else {
var a=$("#A").textbox('getValue');
var b=$("#B").textbox('getValue');
if(a>b){
}else {
$.messager.alert('警报','输入的第一个数必须大于第二个数');
$("#B").textbox('clear')
}
}
}
});
});
</script>
</body>
</html>