鍍金池/ 問答/HTML/ 請問,JS中如何正確寫正則的表達(dá)式的格式才不會JS報錯?

請問,JS中如何正確寫正則的表達(dá)式的格式才不會JS報錯?

        function addInput() {
            var num =  $("input[name='name[]']").length;
            if(num <= 9){
                var input = '<div class="col-sm-9" style="margin-top:5px;padding-left:0;"><div class="col-sm-8" style="padding-left:0 !important;"><input type="text" name="names" maxlength="50" class="names form-control" placeholder="輸入設(shè)備編號" onkeyup="value=value.replace(/[^a-z|A-Z|0-9|_]/g,'')"></div><span class="btn btn-default btn-xs" style="margin-top:5px;background:none;background-image:none;" id="removeInput">×</span></div>';
                $("#input_fields_wrap").append(input);
            }else{
                layer.alert('一次最多只能添加10個設(shè)備編號',{ icon:7,});
                return false;
            }
        }

Uncaught SyntaxError: Unexpected string
上面onkeyup那里應(yīng)該是報以上錯誤,所以,請問這種動態(tài)添加的input,如何正確寫正則的格式?謝謝

回答
編輯回答
遺莣

使用ES6模板字符串,無需手動轉(zhuǎn)義,且支持多行字符串

    var input = $(`<input type="text" onkeyup={value=value.replace(/[a-z|A-Z|0-9|_]/g,'')} />`);
2017年6月3日 12:31
編輯回答
未命名

我想應(yīng)該是外面是雙引號里面是單引號或者沒有引號的
HTML的標(biāo)簽屬性可以沒有引號直接“=”后面加上屬性值

2017年10月2日 14:10
編輯回答
風(fēng)畔
var input = '<div class="col-sm-9" style="margin-top:5px;padding-left:0;"><div class="col-sm-8" style="padding-left:0 !important;"><input type="text" name="names" maxlength="50" class="names form-control" placeholder="輸入設(shè)備編號" onkeyup="value=value.replace(/[^a-z|A-Z|0-9|_]/g,'+')"></div><span class="btn btn-default btn-xs" style="margin-top:5px;background:none;background-image:none;" id="removeInput">×</span></div>';

你字符串拼接錯了

2017年8月20日 07:01
編輯回答
不討囍
var input = '<div class="col-sm-9">****<input onkeyup="value=value.replace(/[^a-z|A-Z|0-9|_]/g,\'\')">****</div>';
2017年11月22日 12:11