2012-07-14 72 views
0

我有一个包含数据库案例设置的文本框。如果数据库设置为大写,则文本框文本应转换为大写,如果设置为正确大小写,则应将文本框文本转换为正确大小写。我已经在javascript的帮助下实现了这一点。对文本框强制案例约束

但是,我还有一个设置是Upper Changeable,其中文本框文本被转换为大写。但是,如果用户不想大写,他可以改变这种情况。

<script type="text/javascript"> 
    function toUpper(obj) { 
     var mystring = obj.value; 
     var sp = mystring.split(' '); 
     var wl = 0; 
     var f, f1, f2, r1, r2, r; 
     if (document.getElementById('<%= hdnNameStyle.ClientID %>').value == "UC") { 
     mystring = mystring.toUpperCase(); 
     obj.value = mystring; 
    } 
    if (document.getElementById('<%= hdnNameStyle.ClientID %>').value == "PC") { 
     var word = new Array(); 
     for (i = 0; i < sp.length; i++) { 
      f = sp[i].substring(0,1).toUpperCase(); 
      r = sp[i].substring(1); 
      word[i] = f + r; 
     } 
     newstring = word.join(' '); 
     obj.value = newstring; 
    } 
    if (document.getElementById('<%= hdnNameStyle.ClientID %>').value == "UG") { 
     mystring = mystring.toUpperCase(); 
     obj.value = mystring; 
    } 
    } 

这是我已经尝试了JavaScript和它工作正常。但是,如果hdnNameStyle值为UG,则进一步说明文本框文本转换为大写,但如果用户不想大写,则可以更改大小写。

如何让用户在javascript帮助下更改案例?

谢谢,

+0

嘿,这是一个非常有趣的问题,但是如果你发布了一些你迄今为止所做的代码,那么将会非常感激你。 – akhil 2012-07-14 07:50:35

+0

@asifa你应该看看CSS和'文字转换';) – Andreas 2012-07-14 08:04:20

+0

@Andreas我设置了当设置为UC是上限强制时用户不能更改大小写,但是当设置为UG时,用户可以改变情况。 – asifa 2012-07-14 08:17:47

回答

0

而不是改变文本本身,只需使用它的CSS类。

/* css */ 
.uppercase { text-decoration: uppercase } 
.propercase { text-decoration: capitalize } 


<!-- html --> 
<p id="text"> 
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
</p> 
<input type="checkbox" onclick="toggleUppercase()" /> 


// javascript 
function toggleUppercase() { 
    var text = document.getElementById("text"); 
    if (text.className === "uppercase") { 
     text.className = "propercase"; 
    } else { 
     text.className = "uppercase"; 
    } 
} 

有了这个,你应该能够得到一个可行的解决方案。