2017-01-22 130 views
1

用户通过字段设置一个不等式,即50<A, X>30, 50<C<100。这是通过按钮点击javascript功能存储的。PHP的HTML输入文本字段

我的问题是,现场并没有在特定的情况下,当有一个象征“小于”后跟一个字母工作。所以,它会存储很好的例如X>30, A<50, but NOT 50<A or 50<C<100。在后面的两种情况下,它只显示第一个数字,这意味着它在模式“小于后跟字母”方面有问题,因为这简单地省略了。我如何使它工作?

这里是我的代码(PHP):

echo "<input type=\"text\" id=\"equation\">"; 
echo "<button onclick=\"addEq()\">Add</button>"; 

和JavaScript部分(基本追加输入的所有方程式,用 “:” 分隔)

var addEq = function() { 
    eq = document.getElementById("equation").value; 
    if (document.getElementById("equation").innerHTML == "") { 
     document.getElementById("equation").innerHTML = eq;} 
    else { 
     document.getElementById("equation").innerHTML += ":" + eq;}} 

回答

0

替换您的不平等<&lt;>&gt;
随着<和一封信,在浏览器尝试,因为它认为它是一个标签(如<a>)以使其为HTML。

var addEq = function() { 
 
    eq = document.getElementById("equation").value.replace(/</g, '&lt;'); 
 
    if (document.getElementById("result").innerHTML == "") { 
 
     document.getElementById("result").innerHTML = eq; 
 
    } else { 
 
     document.getElementById("result").innerHTML += ":" + eq; 
 
    } 
 
} 
 
function getResult() { 
 
    var res = document.getElementById("result").innerHTML.replace(/&lt;/g, '<'); 
 
    console.log(res); 
 
    return res; 
 
}
<input type="text" id="equation" value="50<C<100"> 
 
<button onclick="addEq()">Add</button> 
 
<button onclick="getResult()">Result</button> 
 
<span id="result"></span>

+0

确切位置的代码?我向前传递字符串,所以我需要把它在格式 – user1418018

+0

我添加了不替换,并且还提供了一种方式来获得原始字符串从显示的不平等回一个例子。 –