前端页面部分小技巧

• 点击按钮弹出确认提示

一个写在标签里的onclick方法，用起来很方便

<a onclick="if(confirm('确定删除吗？')==false)return false;"  href="/toDel"></a>

• 点击下拉框选项直接跳转

option中的value直接写要跳转的controller和所需的参数即可

<select name="num" onchange="window.location=this.value;">
        <option value="/page?num=1">1号</option>
        <option value="/page?num=2">2号</option>
        <option value="/page?num=3">3号</option>
</select>

• 输入框必填且做输入判断

前三个是对输入框进行粘贴，输入等情况下的正则表达式判断，required表示此输入框内容不能为空

<input onpaste="value=value.replace(/[^\d+\.\d+\.\d+\.\d+]/g,'')"
       onkeyup="value=value.replace(/[^\d+\.\d+\.\d+\.\d+]/g,'')"
       oncontextmenu="value=value.replace(/[^\d+\.\d+\.\d+\.\d+]/g,'')"
       required name="ip" type="text"  />