js如何根据不同的选择建立不同的约束

qq_33944465 2017-02-07 03:28:48
<select >
<option>文字</option>
<option>数字</option>
</select>
<input />
input元素中如何根据下拉框选中的东西简历不同的约束调剂
select 选中文字 input 只能输入中文
select 选中数字 input 只能数字字母
js 代码如何实现
...全文
107 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_33944465 2017-02-08
  • 打赏
  • 举报
回复
有用 ,谢谢各位大神的帮忙!
天上下雨 2017-02-08
  • 打赏
  • 举报
回复
给input加一个验证,可以用失去焦点事件或鼠标离开事件,在这个方法中判断select选择的内容,如果是中文就只允许中文, 如果select选择英文就只允许英文的内容 楼上给的代码已经很清晰了~
Dene-wang 2017-02-07
  • 打赏
  • 举报
回复

   $(function () {
            $("#ii").keyup(function () {
                if ($("#sss").find("option:selected").val() == "1") {
                    //自己找下 只能中文的正则表达式
                    $(this).val($(this).val().replace(/^[\u4e00-\u9fa5]+$/, ''));
                } else if ($("#sss").find("option:selected").val() == "2") {
                   //自己找下 只能字母数字的正则表达式
                    $(this).val($(this).val().replace(/[^\d]/g, ''));
                }
            });
        });

        function ss() {
            $("#ii").val("");
        }

<select id="sss" onchange="ss()">
        <option value="1">文字</option>
        <option value="2">数字</option>
    </select>
    <input type="text" id="ii" />
jio可 2017-02-07
  • 打赏
  • 举报
回复
给input绑定一个change事件在内容变化的时候去获取到select的值类型和input值作比较做出提示, select值变化的时候要清空input的值

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧