Javascript Validation in xsl file for input field

2019-09-06 10:15发布

站内问答 / JavaScript
573 1 4

I have the below xsl:

    <xsl:template match="attribute[controlType='TextBox']">
    <input style="width:180pt" type="input" value="">
        <xsl:attribute name="id">fldCsXML_<xsl:value-of select="name"/></xsl:attribute>
        <xsl:attribute name="name">fldCsXML_<xsl:value-of select="name"/></xsl:attribute>
        <xsl:attribute name="value"><xsl:value-of select="data"/></xsl:attribute>
    </input>
</xsl:template>

I want to do javascript validation on the value part to not allow symbols. Just to allow numbers or letters.

Maybe with jquery similar to :

try bellow script this will not allow special charter # $ % ^ & * ( )

function validate() {
    var element = document.getElementById('input-field');
    element.value = element.value.replace(/[^a-zA-Z0-9@]+/, '');
};
<input type="text" id="input-field" onkeyup="validate();"/>

Any help in changing the xsl above in the easiest possible way and adding jquery / javascript validation is appreciated

1条回答
地球回转人心会变
2楼-- · 2019-09-06 10:44

So you could do something like this:

Given input document ...

<t>
  <attribute>
    <controlType>TextBox</controlType>
    <name>some-name</name>
    <data>some-datum</data>
    <id>input-field</id>
    <width-on-form>180</width-on-form>
  </attribute>
</t>

... applying XSLT 2.0 stylesheet ...

<xsl:transform
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    version="2.0">
<xsl:output method="html" version="5" encoding="UTF-8" />
<xsl:strip-space elements="*" />

<xsl:template match="/">
  <html>
    <head>
      <title>Some form</title>
    </head>
    <body>
      <xsl:apply-templates />
    </body>        
  </html>
</xsl:template>

<xsl:template match="t">
  <form>
   <xsl:apply-templates />
  </form>
</xsl:template>


<xsl:template match="attribute[controlType eq 'TextBox']">
  <input type="text" id="{id}" name="{name}" style="width:{width-on-form}pt" value="{data}" pattern="[a-zA-Z0-9@]+" />
</xsl:template>

</xsl:transform>

... will yield output ...

<!DOCTYPE HTML>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Some form</title>
   </head>
   <body>
     <form>
       <input
           type="text"
           id="input-field"
           name="some-name"
           style="width:180pt"
           value="some-datum"
           pattern="[a-zA-Z0-9@]+">
     </form>
   </body>
</html>

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)