停止在代码中插入占位符
停止在代码中插入占位符
提问于 2013-04-04 10:47:57
我有这个jQuery，它可以从插入到字段中的内容编辑文本区域中的代码。你可以在here上看到实况。问题是，如果用户没有在其中一个字段中输入内容，占位符就会被插入到代码中。相反，我希望常规标识符保留在那里，而不是在字段保留为空时替换它们。
这是jQuery代码。
$(document).ready(function(){
var basicHtml = ($('.code').html()).replace(/</g,'<').replace(/>/g,'>');
$('.code').val(basicHtml);
$('form').on('submit',function() {
var content = basicHtml;
content = content.replace(/%name%/g, ($('#name').val()||$('#name').attr('placeholder')));
content = content.replace(/%slogan%/g, ($('#slogan').val()||$('#slogan').attr('placeholder')));
content = content.replace(/%description%/g, ($('#description').val()||$('#description').attr('placeholder')));
content = content.replace(/%bio%/g, ($('#bio').val()||$('#bio').attr('placeholder')));
content = content.replace(/%analytics%/g, ($('#analytics').val()||$('#analytics').attr('placeholder')));
content = content.replace(/%favicon%/g, ($('#favicon').val()||$('#favicon').attr('placeholder')));
var final = content.replace(/%dribbble_username%/g, ($('#dribbble').val()||$('#dribbble').attr('placeholder')));
$('.code').val(final);
return false;
}).on('reset',function(){
$('form textarea:not(.code),form input').val();
$('.code').val(basicHtml);
});
});谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-04 10:53:24
您基本上是通过读取占位符属性来设置它的。修复代码：
$(document).ready(function(){
var basicHtml = ($('.code').html()).replace(/</g,'<').replace(/>/g,'>');
$('.code').val(basicHtml);
$('form').on('submit',function() {
var content = basicHtml;
content = content.replace(/%name%/g, ($('#name').val()));
content = content.replace(/%slogan%/g, ($('#slogan').val()));
content = content.replace(/%description%/g, ($('#description').val()));
content = content.replace(/%bio%/g, ($('#bio').val()));
content = content.replace(/%analytics%/g, ($('#analytics').val()));
content = content.replace(/%favicon%/g, ($('#favicon').val()));
var final = content.replace(/%dribbble_username%/g, ($('#dribbble').val()));
$('.code').val(final);
return false;
}).on('reset',function(){
$('form textarea:not(.code),form input').val();
$('.code').val(basicHtml);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15801695
复制相关文章
相似问题
腾讯云开发者
